如何通过javascript为动态创建的textarea加载tinyMCE

Question

var newDiv = document.createElement('span');

 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 菜单一起使用，但是这个动态创建的 textarea 是作为普通 textarea 生成的。

所以请建议我犯了什么错误。

提前致谢。

Answer 1

我对您的代码做了一个小改动并将其发布到 TinyMCE Fiddle：

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

这会将 TinyMCE 加载到动态创建的 <textarea> 中。

实际上你的最后一行是不对的——我改用tinymce.init({})，但最终结果是一样的。