3.x升级到4.x版本


1. 替换文件¶

移除3.x版本文件。

  1. <script charset="utf-8" src="/ke3/kindeditor.js"></script>

添加4.x版本文件。

  1. <script charset="utf-8" src="/ke4/kindeditor.js"></script>
  2. <script charset="utf-8" src="/ke4/lang/zh_CN.js"></script>

2. 替换javascript代码¶

移除3.x版本代码。

  1. <script>
  2. KE.show({
  3. id : 'editor_id',
  4. resizeMode : 2,
  5. imageUploadJson : '../../php/upload_json.php' // 相对于plugins/image/image.html的路径
  6. });
  7. </script>

添加4.x版本代码。

  1. <script>
  2. var editor;
  3. KindEditor.ready(function(K) {
  4. editor = K.create('#editor_id', {
  5. resizeType : 2,
  6. uploadJson : '../php/upload_json.php' // 相对于当前页面的路径
  7. });
  8. });
  9. </script>

Note

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