thinkphp里手工加入kindeditor编辑器

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.模板里调用;

模板的</head>标签前插入如下代码:

---------------------------------------------------------------------------------------------------------------------

< import type= 'css' file= "Editor.themes.default.default"  />

< import file= "Editor.kindeditor-min,Editor.lang.zh_CN"  />

/* kindeditor.js是用来阅读的,真正使用,还是推荐使用压缩版的js:kindeditor-min.js */

<script>
        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');
</script>

--------------------------------------------------------------------------------------------------------------------------

body里面调用的方式:

<textarea id="editor_1" name="content" style="width:700px;height:300px;">