sdcms1.3里面带的KindEditor是3.X版本,不带批量上传图片,于是动手将编辑器升级了一下,使用最新4.X版本
官方的升级方法如下:
1. 替换文件
移除3.x版本文件。
<script charset="utf-8" src="/ke3/kindeditor.js"></script>
添加4.x版本文件。
<script charset="utf-8" src="/ke4/kindeditor.js"></script>
<script charset="utf-8" src="/ke4/lang/zh_CN.js"></script>
2. 替换javascript代码
移除3.x版本代码。
<script>
KE.show({
id : 'editor_id',
resizeMode : 2,
imageUploadJson : 'http://www.cnblogs.com/php/upload_json.php' // 相对于plugins/image/image.html的路径
});
</script>
添加4.x版本代码。
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('#editor_id', {
resizeType : 2,
uploadJson : '../php/upload_json.php' // 相对于当前页面的路径
});
});
</script>
这里非常容易弄错的地方就是,3.X使用是KE.show({id : 'editor_id'}),4.X使用是K.create('#editor_id', {}),在4.X版本小括号里面的两部分,前面是表单控件ID,后面大括号里面是参数
1. 替换文件
移除3.x版本文件。
<script charset="utf-8" src="/ke3/kindeditor.js"></script>
添加4.x版本文件。
<script charset="utf-8" src="/ke4/kindeditor.js"></script>
<script charset="utf-8" src="/ke4/lang/zh_CN.js"></script>
2. 替换javascript代码
移除3.x版本代码。
<script>
KE.show({
id : 'editor_id',
resizeMode : 2,
imageUploadJson : 'http://www.cnblogs.com/php/upload_json.php' // 相对于plugins/image/image.html的路径
});
</script>
添加4.x版本代码。
<script>
var editor;
KindEditor.ready(function(K) {
editor = K.create('#editor_id', {
resizeType : 2,
uploadJson : '../php/upload_json.php' // 相对于当前页面的路径
});
});
</script>
这里非常容易弄错的地方就是,3.X使用是KE.show({id : 'editor_id'}),4.X使用是K.create('#editor_id', {}),在4.X版本小括号里面的两部分,前面是表单控件ID,后面大括号里面是参数
另外,如果在创建KindEditor的时候,配置了uploadJson,那么上传图片、视频和文件,都使用的是同一个程序。
最好是前面不配置uploadJson,在编辑器文件夹里面的plugins文件夹里面的images、multiimage、media、flash、insertfile这几个子文件夹里面分别配置。