Tinymce如何在新添加的textarea上调用init?

时间:2014-09-18 20:25:12

标签: javascript html tinymce

我正在使用tinymce,所以我第一次打电话

tinymce.init({

   // initiation code, that makes my textarea a tinymce textarea

})

我添加一个新的textarea后再次调用tinymce.init - 它将无法正常工作。如何将新添加的textarea转换为tinymce textarea?

3 个答案:

答案 0 :(得分:2)

在tinymce.init({})之后;你需要运行这段代码:

tinyMCE.execCommand("mceAddControl", true, textAreaID);

然而它在firefox下不起作用。 Litle修改:

setTimeout( function(){
   tinyMCE.execCommand('mceAddControl', true, textAreaID );
}, 100);

Link to this

答案 1 :(得分:0)

我不认为您需要在同一页面中反复调用tinymce.init以获取多个textarea标记。尝试下面的代码,让我知道它的工作原理。

tinymce.init({
    selector: "textarea",

   // initiation code, that makes my textarea a tinymce textarea

})

它会处理当前页面中遇到的所有textarea标签。

答案 2 :(得分:0)

尝试使用添加的功能

<script>
    tinymce.init({
        selector: "textarea.tiny-mce-init",
        menubar: false,
        width: '100%',
        height: 200,
        resize: false,
        plugins: [
             "code advlist autolink link image lists charmap print preview hr pagebreak spellchecker",
             "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
             "save table contextmenu directionality emoticons template paste jbimages"
        ],
        toolbar: "code | undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | forecolor backcolor| jbimages | pastetext | fontselect | fontsizeselect | preview ", 
        // ===========================================
        // SET RELATIVE_URLS to FALSE (This is required for images to display properly)
        // ===========================================
        relative_urls: false
     }); 
    </script>

你应该在输入类型textarea中调用类

<textarea name="sample" class="tiny-mce-init"></textarea>