HTML/CSS

KindEditor3.x升级到4.x版本html教程

时间:2013-6-19 22:24:09  作者:WPF之家  来源:http://www.wpf123.com  查看:265  评论:0
内容摘要: 1. 替换文件移除3.x版本文件。<script charset="utf-8" src="/ke3/kindeditor.js"></script>添加4.x版本文件。<script charse...

 

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 : '../../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>

Note

  • 4.x修改过一些参数名,所以3.x的初始化参数不一定直接兼容4.x,具体参数请参考 编辑器初始化参数 。
  • 4.x通过K.create返回的editor对象调用编辑器API,具体方法请参考 编辑器(Editor) API 。
  • 4.x插件采用js动态加载机制,uploadJson和fileManagerJson是相对于当前页面的路径,使用相对路径时需要注意。
  • 如果需要在其它函数内调用editor对象,可以将editor对象设置成全局变量。
<script>        KindEditor.ready(function(K) {                window.EditorObject = K.create('#editor_id');        });        //取得编辑器内容        function getEditorData() {                return EditorObject.html();        }</script>

 


标签:升级 版本 

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。本文出自“wpf之家”,请务必保留此出处:http://www.wpf123.com

相关评论
Copyright © 2009-2014 WPF之家(http://www.wpf123.com/) All rights reserved
 Powered by WPF之家
鄂ICP备13006396号