重置tinyMce内容

时间:2013-03-18 16:10:45

标签: javascript tinymce

我正在尝试重置tinymce内容。

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

内容是先前保存的文本,因此它不是常量。如何将tinyMce文本重置为原始文本? HTML:

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

很高兴见到这样的东西。如果内容被修改,取消按钮会将内容重置为原始内容:

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

1 个答案:

答案 0 :(得分:3)

这很容易做到。

您需要将此(使用the setup parameter)添加到您的配置中:

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

在按钮上单击,调用以下内容重置编辑器内容

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

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

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