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