2016-12-02 62 views
0

var newDiv = document.createElement('span');如何使用javascript爲動態創建的textarea加載tinyMCE

newDiv.setAttribute("id", "optionCount" + currentOptionCount); 
document.getElementById('more3').appendChild(newDiv); 

      var strToAdd="" ; 
      strToAdd =strToAdd + currentOptionCount+')'; 
      strToAdd = strToAdd + '<input type="radio" name="rightanswer" value="'+currentOptionCount+'"/>'; 
      strToAdd = strToAdd + '<br/>'; 
      strToAdd = strToAdd + '<textarea class="tinymce-enabled" name="multians'+currentOptionCount+'" cols="60" rows="6"></textarea>'; 
      alert("multians"+currentOptionCount); 
      strToAdd = strToAdd + '<br/>'; 
      strToAdd =strToAdd + '</span>'; 

     newDiv.innerHTML=strToAdd; 

     $('#more3').append(newDiv); 


// tinymce.EditorManager.execCommand('mceAddEditor', true, "multians"+currentOptionCount); 
    tinyMCE.EditorManager.execCommand('mceAddControl', true, "multians"+currentOptionCount); 

// tinyMCE.init();

以上javascript代碼動態創建一個textarea。已經存在的靜態textarea正在與tinyMCE的菜單配合,但是這個動態創建的textareas是作爲普通的textarea生成的。

所以請建議最新的錯誤,我正在做。

在此先感謝。

+0

對於TinyMCE v4,您應該使用'mceAddEditor',因爲'mceAddControl'是v3中的名稱 –

+0

先生,我嘗試了兩個名稱,但結果相同#jerome – Milan

回答

0

我給你做一個小的變化,以您的代碼,並將其發佈到TinyMCE的小提琴:

http://fiddle.tinymce.com/3Dfaab

這TinyMCE中加載到動態創建<textarea>

實際上你的最後一行不對 - 我用tinymce.init({})代替,但最終結果是一樣的。

+0

非常感謝您的努力。它的工作原理但是對我而言現在還沒有幫助,bcoz我使用定製的tinyMCE,即pramukh類型的鍵盤來提供原生印度語言支持的編輯器。 對於我們的代碼幾乎沒有什麼變化,編輯器即將到來,但編輯器的下拉菜單會進入頁面的頂部,這並不好,所以不知道該怎麼做...... – Milan

相關問題