javascript - 重置 tinyMce 内容

Question

我正在尝试重置 tinymce 内容。

一开始有一些'A内容'。用户将其更改为一些“B 内容”，但他不想保存它，因此他可以单击“取消”按钮，整个内容回到“A”版本。

内容是较早保存的文本，因此它不是恒定的。如何将 tinyMce 文本重置为原始文本？html:

<div id="someDiv">Content A</div>

很高兴看到这样的事情。如果内容被修改，取消按钮会将内容重置为原始内容：

if($('#someDiv').tinymce().isDirty()) {:
    $('#someDiv').tinymce().reset();
}

Answer 1

这很容易做到。

您需要将此（使用设置参数）添加到您的配置中：

tinyMCE.init({
   ...
   setup : function(ed) {
      ed.onInit.add(function(ed, evt) {
          ed.init_content = ed.getContent();
      });
   }
});

在 buttonclick 上，您调用以下命令来重置编辑器内容

var ed = tinymce.get('your_editor_id');
ed.setContent(ed.init_content);

编辑- 对于 tinymce 4.x，附加编辑器事件的语法已经改变，现在是：

tinymce.init({
    ...
    setup: function (ed) {
        ed.on('init', function () {
            ...
        });
    }
});