blocks|key|152816|text|您需要一个编辑器id+(它通常等于编辑器html根元素id+(在大多数情况下是文本区域))。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152817|示例：|152818|tinymce.execCommand('mceRemoveControl',+true,+'my_original_textarea_id');|code-block|syntax|javascript|152819|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You need an editor id (which usually equals your editor html root elements id (in most cases a textarea)).

Example:

<pre><code>tinymce.execCommand('mceRemoveControl', true, 'my_original_textarea_id');
</code></pre>

blocks|key|152849|text|我也有同样的问题。在v4中，上述所有建议都不适用于我，但这确实适用于我：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152850|tinymce.remove("div.editable");

...+regenerated+HTML+dynamicaly+...

tinymce.init(...);|code-block|syntax|javascript|152851|我使用内联编辑器：|152852|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+%7C+styleselect+%7C+bold+italic+%7C+alignleft+aligncenter+alignright+alignjustify+%7C+bullist+numlist+outdent+indent+%7C+link+image"});|152853|希望这能帮上忙|152854|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I had the same problem. In v4 all suggestions above did not work for me, but this did:

<pre><code>tinymce.remove("div.editable");

... regenerated HTML dynamicaly ...

tinymce.init(...);
</code></pre>

I use inline editor:

<pre><code>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"});
</code></pre>

Hope this helped

blocks|key|2550079|text|为了防止任何使用jQuery版本的TinyMce的人到达这里，请使用以下方法删除实例|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2550080|$("#textarea_id").tinymce().remove();|code-block|syntax|javascript|2550081|entityMap^0|14|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Just in case anybody arrived here who is using the jQuery version of TinyMce use the following instead to remove an instance:

<pre><code>$("#textarea_id").tinymce().remove();
</code></pre>

blocks|key|152863|text|下面的代码正在工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152864|tinymce.get(id).remove();|code-block|syntax|javascript|152865|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The following code is working

<pre><code>tinymce.get(id).remove();
</code></pre>

blocks|key|2550219|text|简单地使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2550220|tinymce.remove()|code-block|syntax|javascript|2550221|删除所有编辑器。|2550222|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Simply use 

<pre><code>tinymce.remove()
</code></pre>

to remove all editors.

blocks|key|153072|text|请记住，如果给定textarea有一个id，tinyMCE将出于某种奇怪的原因使用它，即使selector参数已被用于将编辑器应用于给定的元素。然后在内部数组中使用这个id+--+tinyMCE.editors未被清除(如果要使用tinymce.execCommand('mceRemoveControl',+true,+[id])，则不会清除，remove实际上删除了editors，并防止tinyMCE再次应用)。因此，如果您有应用tinyMCE的动态内容，它将只工作一次，但永远不会再次工作。要解决这个问题，您需要手动清除每个delete+tinyMCE.editors[$(node).getAttribute('id')]的数组|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|153073|entityMap^0|8|8|19|8|2I|F|37|1F|4T|6|55|7|7E|1E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|G|$]]

Bear in mind that if given <code>textarea</code> has an id, tinyMCE will use it for some strange reason, even if <code>selector</code> parameter has been used to apply editor to given element. This id is then used in internal array - <code>tinyMCE.editors</code> which isn't cleared (isn't cleared if you'll use <code>tinymce.execCommand('mceRemoveControl', true, [id])</code>, <code>remove</code> actually removes <code>editors</code> and prevents tinyMCE to be applied ever again). As such if you have a dynamic content with tinyMCE applied, it will work once, but never again. To resolve this you need to clean this array manually per <code>delete tinyMCE.editors[$(node).getAttribute('id')]</code>

blocks|key|1232939|text|您只需使用此代码即可删除所有可编辑的文本区域：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1232940|tinyMCE.remove(".editable")；|1232941|以下是有关tinyMCE删除的更多信息：http://archive.tinymce.com/wiki.php/api4:method.tinymce.EditorManager.remove.static|offset|length|1232942|entityMap|0|LINK|mutability|MUTABLE|url|http://archive.tinymce.com/wiki.php/api4:method.tinymce.EditorManager.remove.static^0|0|0|K|2B|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@$F|S|G|T|1|U]]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

You need simply use this code in order to remove all the editable textarea:

tinyMCE.remove(".editable");

Here more info about tinyMCE remove:
<a href="http://archive.tinymce.com/wiki.php/api4:method.tinymce.EditorManager.remove.static" rel="nofollow noreferrer">http://archive.tinymce.com/wiki.php/api4:method.tinymce.EditorManager.remove.static</a>

blocks|key|2550119|text|如果有多个TinyMCE实例，可以使用以下代码片段关闭TinyMCE的每个实例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2550120|for+(var+i+=+tinymce.editors.length+-+1+;+i+>+-1+;+i--)+{
++++var+ed_id+=+tinymce.editors[i].id;
++++tinyMCE.execCommand("mceRemoveEditor",+true,+ed_id);
}|code-block|syntax|javascript|2550121|我在加载Ajax内容之前使用它。|2550122|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

If you have multiple Instances of TinyMCE you can use following code snippet to close every instance of TinyMCE:

<pre><code>for (var i = tinymce.editors.length - 1 ; i &gt; -1 ; i--) {
 var ed_id = tinymce.editors[i].id;
 tinyMCE.execCommand("mceRemoveEditor", true, ed_id);
}
</code></pre>

I use it before the Ajax Content is loaded.

blocks|key|1232854|text|tinymce.EditorManager.remove()这是为我工作的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1232855|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

tinymce.EditorManager.remove()
This was working for me

blocks|key|1232913|text|聚会有点晚了，但我最近把tinyMCE+jQuery版本添加到了我的中。出于几个原因，我不想使用棱角的第三方代码，我只是想让jQuery版本工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1232914|因此，这是我的代码，使TinyMCE+4.x的工作角度，即使是ng-重复。|1232915|您所要做的就是用类"TinyMCEEditorBox“来修饰您的文本区域，并在删除或添加导致更新的项时调用此方法(例如将更多的项添加到ng-重复)。|1232916|$scope.RebindTinyMCE+=+function+()
{
++++var+tmceSelector+=+".TinyMCEEditorBox";

++++for+(var+i+=+tinymce.editors.length+-+1+;+i+>+-1+;+i--)
++++{
++++++++tinyMCE.execCommand("mceRemoveEditor",+true,+tinymce.editors[i].id);
++++}

++++setTimeout(function+()+{
++++++++$(tmceSelector).tinymce({
++++++++++++menubar:+false,
++++++++++++statusbar:+false,
++++++++++++toolbar:+'bold+italic+underline+%7C+alignleft+aligncenter+alignright+%7C+bullist+numlist+outdent+indent+%7C+link',
++++++++});
++++},+50);
}|code-block|syntax|javascript|1232917|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Little late to the party but I recently added tinyMCE jQuery version to my angular project. For a few reasons I did not want to use the angular 3rd party code and just wanted the jQuery version to work. 

So here is my code for making TinyMCE 4.x work in angular, even with ng-repeat.

All you have to do is decorate your textareas with the class "TinyMCEEditorBox" and call this method anytime you remove or add items that result in an update (such as more items being added to an ng-repeat).

<pre><code>$scope.RebindTinyMCE = function ()
{
 var tmceSelector = ".TinyMCEEditorBox";

 for (var i = tinymce.editors.length - 1 ; i &gt; -1 ; i--)
 {
 tinyMCE.execCommand("mceRemoveEditor", true, tinymce.editors[i].id);
 }

 setTimeout(function () {
 $(tmceSelector).tinymce({
 menubar: false,
 statusbar: false,
 toolbar: 'bold italic underline | alignleft aligncenter alignright | bullist numlist outdent indent | link',
 });
 }, 50);
}
</code></pre>

blocks|key|2550249|text|伪造处男网站|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2550250|TinyMCE将检查它是否已经在window.scripts中加载。如果删除相应的条目，TinyMCE将表现得像一个未触及的文档。|offset|length|style|CODE|2550251|function+cleanTinyMCE()+{
++for+(var+i=0;+i+<+window.scripts.length;+i%2B%2B)+{
++++if+(window.scripts[i].match('.*tinymce.*js.*')){
++++++delete+window.scripts[i];
++++++return;
++++}
++}
}|code-block|syntax|javascript|2550252|entityMap^0|0|G|E|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<h2>Fake a virgin website</h2>

TinyMCE will check if its already loaded in <code>window.scripts</code>. If you remove the according entry TinyMCE will behave like it is a untouched document.

<pre><code>function cleanTinyMCE() {
 for (var i=0; i &lt; window.scripts.length; i++) {
 if (window.scripts[i].match('.*tinymce.*js.*')){
 delete window.scripts[i];
 return;
 }
 }
}
</code></pre>

blocks|key|1232983|text|通过简单地使用它，您可以删除TinyMCE编辑器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1232984|tinymce.remove('#your_textarea_id');|code-block|syntax|javascript|1232985|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

By simply using this you can remove TinyMCE editor:

<pre><code>tinymce.remove('#your_textarea_id');
</code></pre>

blocks|key|1232819|text|使用tiyMCE.init({})+fuction时，@nikmauro的答案对我有用，因此对于页面的每次卸载，只需触发tinymce.get("real_element_id").remove();|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1232820|那个方法对我有用。|1232821|顺便说一下，我觉得这个版本很有趣|1232822|//tinymce.cachefly.net/4.1/tinymce.min.js+|code-block|syntax|javascript|1232823|entityMap^0|2|N|1O|14|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|W|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|X|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

When using the <code>tiyMCE.init({}) fuction</code>, the answer by @nikmauro works for me, so for every unload of the page, you just trigger the <code>tinymce.get("real_element_id").remove();</code>

That method works for me.

BTW, I amusing this version 

<pre><code>//tinymce.cachefly.net/4.1/tinymce.min.js 
</code></pre>

blocks|key|152996|text|我们打电话时出错了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|152997|elementReference.destroy()+//破坏是一个dojo函数|offset|length|style|CODE|152998|我们用|152999|elementReference.domNode.remove()|153000|我们也在使用tinymce.min.js，它给了我们NS_ERROR_UNEXPECTED|153001|entityMap^0|0|0|Q|0|0|0|X|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@$D|V|E|W|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|X|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|O|$]]

we were getting error on calling <code>elementReference.destroy()</code> // destroy is a dojo function we replaced that code with <code>elementReference.domNode.remove()</code> we were also using tinymce.min.js, and it was giving us NS_ERROR_UNEXPECTED

I am using <a href="http://www.tinymce.com/" rel="noreferrer">TinyMCE editor.</a> 
I want to remove or destroy tinymce editors (Page contain more then one editor). Also remove classes and IDs added by tinyMCE.

But leave editable contents

I tried :

<pre><code>tinymce.remove()
tinymce.destroy()
tinymce.execCommand('mceRemoveControl',true,'.editable');
</code></pre>

Please note: 

my editor class is <code>.editable</code>, And I have more then one editors in my page.

TinyMCE 4 - remove() or destroy()

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我正在使用，我想删除或销毁tinymce编辑器(页面包含多个编辑器)。还删除tinyMCE添加的类和ID。但保留可编辑内容我试过：tinymce.remove()tinymce.destroy()tinymce.execCommand('mceRemoveControl',true,'.editable');请注意：我的编辑器类是.editable，我的页面中有不止一个编辑器。

问TinyMCE 4-删除()或删除()
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TinyMCE 4-删除()或删除()EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问TinyMCE 4-删除()或删除()
EN