將動態加載的textarea轉換爲tinyMCE

我正在尋找如何將tinymce設置爲使用AJAX加載的textarea。將動態加載的textarea轉換爲tinyMCE

我將TinyMCE 4.0.2（精縮），並且我發現這個方法：

var ed = tinymce.get('content'); 
//ed.init(); 
ed.render(); 
//ed.focus();

通過這個頁面：http://www.tinymce.com/wiki.php/api4:class.tinymce.Editor

代碼中的註釋是其他的解決辦法我單獨測試或聯合無其他結果

這個改變幾乎是正確的，textarea很好，但它是無法訪問的，我不能編輯它。

我甚至嘗試通過此方法來創建一個新的TinyMCE的：

var ed = new tinymce.Editor('content');

但它不工作（類型錯誤：r是不確定的）。

最後，我甚至測試舊代碼：

tinymce.execCommand("mceAddControl", false, "content");

但我還是在檢查

所以我卡的那一刻，你會知道如何改正我的錯誤？我使用JQuery，但我不使用插件tinymce.jquery，我想要自由更改JS框架。但很明顯的情況下，我試過這個代碼（通過http://fiddle.tinymce.com/rsdaab）：

$('#content').tinymce();

，不能正常工作。這裏是JS代碼我使用：

$.ajax({ 
    url:'/admin/post/new', 
    type:'get' 
}) 
    .done(function(data) { 
     $('#main').html(data); 
     var ed = tinymce.get('content'); 
     ed.render(); 
    });

請多關照

來源

2013-08-18 Roukmoute

創建一個函數：

function tinyMceLoader(tinyMceID) { 
    var ed = new tinymce.Editor(tinyMceID, 
      { 
       mode: "textareas", 
       theme: "advanced", 
       skin: "o2k7", 
       directionality: "rtl", 
       plugins: "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template", 
       // Theme options 
       theme_advanced_buttons1: "newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect,|,cut,copy,paste,pastetext,pasteword|,insertdate,inserttime,preview,|,forecolor", 
       theme_advanced_buttons2: "search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage,|,print", 
       theme_advanced_buttons3: "ltr,rtl,|,tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,backcolor", 
       theme_advanced_buttons4: "", 
       theme_advanced_toolbar_location: "top", 
       theme_advanced_toolbar_align: "right", 
       theme_advanced_statusbar_location: "bottom", 
       theme_advanced_resizing: true 
      }, 
    tinymce.EditorManager); 
    ed.render(); 
}

然後：

$.ajax({ 
    url:'/admin/post/new', 
    type:'get' 
    processData: false, 
    contentType: false, 
    success: function (e) { 
        //some code .... 
        tinyMceLoader('content');   
      } 
    });

來源

2014-11-28 01:01:15

將動態加載的textarea轉換爲tinyMCE

回答

相關問題