TinyMCE - 它可以沒有可編輯區域嗎？

我試圖TinyMCE（documentation）和CKEditor，他們都需要這樣的代碼初始化：TinyMCE - 它可以沒有可編輯區域嗎？

tinyMCE.init({ 
    selector: '.some-div-with-text-inside', 
    inline: true, 
    fixed_toolbar_container: '.toolbar', 
    valid_elements: '*[*]', 
    setup: function(editor) { 
      // something that happens on setup 
    } 
});

所以，基本上需要進行一些選擇，並與.some-div-with-text-inside類的所有div將成爲TinyMCE的的可編輯區域。編輯器將出現在.toolbar容器中。

==========================

我會非常想實現是不依附於任何一個編輯器DIV或TEXTAREA，只要有一些選擇，其功能（如「粗體文本」，「創建鏈接」）可用於文檔中的任何內容可編輯區域。與Rangy這是可能的。觀看演示：http://rangy.googlecode.com/svn/trunk/demos/cssclassapplier.html

在TinyMCE的V3這樣的事情是可利用的：

$(function(){ 
      tinyMCE.init({ mode: "none", theme: "simple" }); 
      tinymce.execCommand("mceAddControl", false, "myEditableDIV"); 
});

但mode: "none" V4中不再存在，第二行成了現在tinyMCE.execCommand("mceAddEditor", false, "myEditableDIV");，但是當有多個可編輯的DIV，向其中加入這樣編輯器在.toolbar內多次出現。我想知道是否有任何方法可以防止這種情況發生？

我只需要一個編輯器，當前所有的和未來 DIVs contenteditable。某些DIV可能會從文檔中添加或刪除。我查閱了他們的文檔中的每一個選項，但我無法完成工作。

來源

2013-10-09 Atadj

我認爲你不能在不附加TinyMCE的編輯DIV或文本域，但這裏是一個技巧，你可以做 - 你可以隱藏編輯器工具欄，並告訴他們，只有當你集中當前DIV或textarea的。要達到此目的，您可以使用此功能：

editor.on('focus', function(e) { 
     and here show the toolbars 
    });

來源

2013-10-09 11:55:50 cyrat

TinyMCE - 它可以沒有可編輯區域嗎？

回答

相關問題