TinyMCE 4 - remove()或destroy()

Question

我正在使用TinyMCE编辑器. 我想删除或销毁tinymce编辑器(页面包含多个编辑器).还删除tinyMCE添加的类和ID.

但留下可编辑的内容

我试过了 :

tinymce.remove()
tinymce.destroy()
tinymce.execCommand('mceRemoveControl',true,'.editable');

请注意:

我的编辑课是.editable,我的页面中有一个以上的编辑器.

Answer 1

我有同样的问题.在第4节中,上述所有建议对我都不起作用,但这样做:

tinymce.remove("div.editable");

... regenerated HTML dynamicaly ...

tinymce.init(...);

我使用内联编辑器:

tinymce.init({
    selector: "div.editable",
    inline: true,
    plugins: [
    "advlist autolink lists link image charmap print preview anchor",
    "searchreplace visualblocks code fullscreen",
    "insertdatetime media table contextmenu paste"
    ],
    menubar: false,
    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"});

希望这有帮助

Answer 2

如果有人到达这里使用jQuery版本的TinyMce,请使用以下代码删除实例:

$("#textarea_id").tinymce().remove();

Answer 3

你需要一个编辑器ID(通常等于你的编辑器html根元素id(在大多数情况下是textarea)).

例:

tinymce.execCommand('mceRemoveControl', true, 'my_original_textarea_id');

Answer 4

以下代码正在运行

tinymce.get(id).remove();

Answer 5

简单地使用

tinymce.remove()

删除所有编辑器.

Answer 6

请记住，如果给定textarea有一个 id，tinyMCE 会出于某种奇怪的原因使用它，即使selector参数已用于将编辑器应用于给定元素。然后，该 id 在内部数组中使用 -tinyMCE.editors该数组不会被清除（如果您使用tinymce.execCommand('mceRemoveControl', true, [id])，则不会被清除，remove实际上会删除editors并防止再次应用tinyMCE）。因此，如果您应用了tinyMCE 的动态内容，它将工作一次，但再也不会工作。要解决此问题，您需要手动清理该阵列delete tinyMCE.editors[$(node).getAttribute('id')]