简单实现THINKPHP调用KindEditor编辑器

这两天在做后台管理的添加数据,要用到编辑器,FCKEditor是英文的,而且换新版本了,功能太复杂,想找个简单的。KindEditor 编辑器还算简单,而且功能还不错,但是没有介绍在THINKPHP下怎么实现,直接复制到 THINKPHP文件下面,有些小问题。路径也需要改很多。最后发现 THINKPHP例子 Blog里面用得KindEditor 编辑器,参考Examples\Blog\的方法来做。。。折腾了几天,终于搞定了。。。

 

下载KindEditor4.0,解压缩后把把文件夹复制到 项目\Tpl\default\Public\ 下面,文件夹名改成 Editor,把里面的 asp , asp.net , jsp 删了。

然后再 模板文件里面调用 :

<link rel=”stylesheet” href=”../Public/editor4/themes/default/default.css” />
<script type=”text/javascript” src=”../Public/editor4/kindeditor.js”></script>
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create(‘#content’, {
resizeType : 2,
uploadJson : ‘../Public/editor4/php/upload_json.php’ // 相对于当前页面的路径
});
});
</script>

……

<textarea id=”content” style=”width:670px;height:370px” name=”content” ></textarea>

这样就行了。但是这样好像直接访问模板文件 也可以引用编辑器,编辑器里面有文件上传,所以最好在Action里面把

$textarea='<textarea id=”content” style=”width:670px;height:370px” name=”content” ></textarea>’;
$this->textarea=$textarea;   //<textarea>标签代码,防止直接访问模板进行操作

然后直接在模板文件里面输出 {$textarea}应该就对了。。。做完了才发现得来全不费工夫。很多都试过,之前IE9用这个编辑器 有点小问题。现在解决了。。。