Question

CKEditor 4.x可以很容易地获取textarea html的内容：

var data = CKEDITOR.instances.editor1.getData();

...但很难拦截Save事件（或点击工具栏上的内置保存图标时发生的任何事件）。默认情况下，它会执行表单发布。我只想阻止表单发布并抓取内容，如上面的js行所示。在搜索了他们的文档和各种stack posts之后 - 并且在尝试了不同的方法之后 - 似乎这个基本功能很难实现或严密保护。

怎么做？

Answer 1

我终于找到了答案：

<script>
   var ckEditor = CKEDITOR.replace('editor1');

   ckEditor.on("instanceReady", function () {
      // overwrite the default save function
      ckEditor.addCommand("save", {
         modes: { wysiwyg: 1, source: 1 },
         exec: function () {
            var theData = ckEditor.getData(); // get the editor content
            console.log(theData);
         }
      })
   });
</script>

CKEditor - 如何用自定义js替换保存功能？

1 个答案: