Tinymce如何在新添加的文本区域上调用init

Tinymce how to call init on a new added textarea?

本文关键字：文本 区域 init 调用 添加 新添加 Tinymce      更新时间：2023-09-26

我正在使用tinymce，所以我第一次调用

tinymce.init({
   // initiation code, that makes my textarea a tinymce textarea
})

在我添加了一个新的文本区域并再次调用tinymce.init之后，它将不起作用。如何将新添加的文本区域转换为连续文本区域？

在tinymce.init（｛｝）之后；您需要运行以下代码：

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

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

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

链接到此

我认为对于同一页面中的多个文本区域标记，您不需要一次又一次地调用tinymce.init。试试下面的代码，让我知道它是有效的。

tinymce.init({
    selector: "textarea",
   // initiation code, that makes my textarea a tinymce textarea
})

它将处理当前页面中遇到的所有文本区域标记。

试试这个，添加了功能

<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 name="sample" class="tiny-mce-init"></textarea>
相关文章：