TinyMCE 4 - remove（）またはdestroy（）

Question

私は使用していますTinyMCE editor. tinymceエディタを削除または破棄したいです（ページに複数のエディタが含まれています）。また、tinyMCEによって追加されたクラスとIDも削除します。

しかし、私が試した

編集可能な内容を残す：

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

に注意してください。

私のエディタクラスは.editableである、と私は私のページで1つのエディタ、より多くを持っています。

Answer 1

あなたはエディタID（通常はエディタのhtmlルート要素id（ほとんどの場合はテキストエリア）と同じです）が必要です。

例：

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

Answer 2

念の誰ではインスタンスを削除する代わりに、次を使用しTinyMCEののjQueryのバージョンを使用している人ここに到着：

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

Answer 3

私は同じ問題を抱えていました。 V4ではすべての提案は、上記の私のために動作しませんでしたが、これはやった：

tinymce.remove("div.editable"); 

... regenerated HTML dynamicaly ... 

tinymce.init(...); 

私が使用してインライン編集者：これは

Answer 4

を助けた

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

希望を次のコードが動作している

tinymce.get(id).remove(); 

Answer 5

tiyMCE.init（{}）fuctionを使用している場合、@nikmauroの回答が私に役立ちます。したがって、ページングのすべてのアンロードe、あなたは単にtinymce.get（ "real_element_id"）をトリガーします。remove（）;

この方法は私には役に立ちます。

ところで、私はあなたがTinyMCEをの複数のインスタンスを持っている場合は、すべてのインスタンスを閉じるために、次のコードスニペットを使用することができます。このバージョン

//tinymce.cachefly.net/4.1/tinymce.min.js

Answer 6

を楽しまTinyMCE：

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

Ajaxコンテンツが読み込まれる前に使用します。

Answer 7

tinymce.EditorManager.remove（） これは、我々が破壊//
elementReference.destroy()の呼び出しでエラーを取得した私

Answer 8

のために働いていた道場機能
である我々はまた、TinyMCEはを使用していた
elementReference.domNode.remove()
でそのコードを置き換えます.min。js、それは私たちにNS_ERROR_UNEXPECTEDを与えていた

Answer 9

パーティーには少し遅れましたが、最近私の角プロジェクトにtinyMCE jQueryバージョンが追加されました。いくつかの理由から、私は第三者コードを使用したくなく、jQueryバージョンを動作させたいだけでした。

ここでは、ng-repeatを使用しても、TinyMCE 4.xを角張って動作させるためのコードを示します。

テキストエリアを「TinyMCEEditorBox」クラスで飾るだけで、更新をもたらすアイテムを削除または追加すると（ng-repeatに追加されるアイテムなど）、このメソッドを呼び出すことができます。

$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 | alignleft aligncenter alignright | bullist numlist outdent indent | link', 
     }); 
    }, 50); 
} 

Answer 10

単純にすべてのエディタを削除する

tinymce.remove() 

を使用しています。

Answer 11

textareaにidが指定されている場合、selectorパラメータを使用して特定の要素にエディタを適用したとしても、tinyMCEはそれを奇妙な理由で使用することに注意してください。このIDは内部配列tinyMCE.editorsで使用されますが、これはクリアされません（tinymce.execCommand('mceRemoveControl', true, [id])を使用する場合はクリアされません。removeは実際にeditorsを削除し、再度tinyMCEが適用されることを防ぎます）。そのため、tinyMCEを適用した動的コンテンツがある場合は、一度は動作しますが、もう一度は動作しません。これを解決するために、あなたはあなたが必要とするだけで、すべての編集可能なテキストエリア除去するためにこのコードを使用delete tinyMCE.editors[$(node).getAttribute('id')]

Answer 12

if (typeof tinyMCE != 'undefined') { 
    if (tinyMCE.activeEditor == null || tinyMCE.activeEditor.isHidden() != false) { 
     tinyMCE.editors=[]; 
    } 
    tinyMCE.editors=[]; tinymce.init({selector:'textarea', plugins : 'advlist autolink link image lists charmap print preview'}); 
}else{ 
    tinymce.init({selector:'textarea', plugins : 'advlist autolink link image lists charmap print preview'}); 
} 

Answer 13

ごとに手動でこの配列をきれいにする必要があります。

tinyMCE.remove（「編集可能に」）; TinyMCEの削除について

詳細：私は `tinyMCE.remove（）`しかし、どのようにそれを再度追加するを使用して、すべてのエディタを削除することができています http://archive.tinymce.com/wiki.php/api4:method.tinymce.EditorManager.remove.static