kindeditor是我非常喜欢的一款编辑器
下面写的内容就是如何将kindeditor整合到thinkphp里使用;
首先,下载压缩包,并解包; 源码的目录如下:
/kindeditor-4.0-alpha/
asp--asp配置需要的东西
asp.net --asp.net配置需要的东西
attached --默认附件存储的位置
example --系统的样例
jsp--jsp配置需要的东西
lang--系统语言包
php--php配置需要的东西
plugins--插件包
themes--主题包
kindeditor.js --编辑器脚本(无压缩版)
kindeditor-min.js--编辑器脚本(压缩版)
license.txt --许可说明
由于thinkphp基于php;所以,asp,asp.net,jsp等文件夹均删掉;license.txt和样例example也可以删掉;
====
1.重命名文件夹为 Editor;
2.把文件夹copy到 root/Public下;(本博客里凡是没有特别说明,root都是指的当前网站根目录[!不是指当前服务器根目录];)
3.模板里调用;
模板的标签前插入如下代码:
---------------------------------------------------------------------------------------------------------------------
< import type= 'css'file= "Editor.themes.default.default" />
< import file= "Editor.kindeditor-min,Editor.lang.zh_CN" />
/* kindeditor.js是用来阅读的,真正使用,还是推荐使用压缩版的js:kindeditor-min.js */
var editor;
KindEditor.ready(function(K) {
editor = K.create('#editor_1');//editor_1对应的是textarea的id属性值
});
// 取得HTML内容
html = editor.html();
// 同步数据后可以直接取得textarea的value;
editor.sync();
html = document.getElementById('editor_1').value; // 原生API
html = K('#editor_1').val(); // KindEditor Node API
html = $('#editor_1').val(); // jQuery
// 设置HTML内容;下面的content对应着textarea里的name属性值
editor.html('content');
--------------------------------------------------------------------------------------------------------------------------
body里面调用的方式: