跨境电商
经验交流分享

CakePHP中使用TinyMce详解

今天一直在纠结TinyMce在CakePHP中的使用方法,因为之前一直在使用CKEditor,没有太多的接触过TinyMce,第一次用就直接在框架中集成,所以中间造成了很多误解,搞了半天时间。这里把集成过程记载下来备用。

CakePHP官方出的有TinyMce视图助手,下载该视图助手之后,可以看到里边包含几个文件夹,先留意下/views/helpers/tiny_mce.php文件。/webroot/文件夹中包含的是TinyMce的源码。这个视图助手打包的时间比较久了,大概是在2010年,建议舍弃/webroot/中的TinyMce,直接从TinyMce下载

首先,将TinyMce源码包中的/tinymce/jscripts/tiny_mce/这个文件夹复制到CakePHP根目录下的/app/webroot/js/中。然后将/views/helpers/tiny_mce.php文件复制到CakePHP根目录下的/app/views/helpers/文件夹中。这样主要文件就都准备完成了。开始进入编码阶段。进入到相应的视图文件中,会看到已经引入了tiny_mce文件。

在需要使用TinyMce的视图所属的控制器中,添加以下代码,

[php]
var $helpers = array(‘Session’,’Html’,’Form’,’TinyMce.TinyMce’);
[/php]

注意这里必须包含你在使用的所有试图助手,否则将被覆盖掉。添加该视图助手之后,就可以在视图文件中,像使用html,form等助手一样使用TinyMce了。下面给出一段示例代码,第一段配置TinyMce,该配置文件可以到官方网站获取更全的列表,

[php]
<?php
echo $this->TinyMce->editor(array(
‘mode’ => "textareas",
‘theme’ => "advanced",
‘mode’ => "textareas",
‘plugins’ => "fullpage",
‘theme_advanced_buttons3_add’ => "fullpage"
));
?>
[/php]

好了,配置齐全了,这里设置的是textareas类型表单会使用TinyMce编辑器,然后我们在视图代码中使用Form助手生成textarea就可以看到TinyMce编辑器了。

赞(0)
未经允许不得转载:锐想 » CakePHP中使用TinyMce详解
分享到: 更多 (0)

评论 1

评论前必须登录!

 

  1. #1

    不错,我在顶一次,我还看过tinymce的源码修改过他的插件,不过还没想过将他加到框架中,很有用,受教了

    zz6年前 (2012-12-31)

锐想电商 - 跨境电商经验交流分享

锐想无限