tinyMCE 选择器最初不加载 textarea

Question

我正在使用带有冷聚变的 tinymce。我有多个文本区域，我希望 tinymce 应用于所有文本区域。 textareas 从数据库中获取数据。我的问题是第一次加载页面时只有第一个 textarea 被填充，其余的都是空白的。但是，当我刷新页面时，它们都填充了数据。我试图在 init 函数中将选择器更改为模式，第一次加载页面时会填充所有文本区域，但内容丢失了我从选择器获得的样式（html 格式）。下面是示例代码。如何在第一次加载页面时填充所有文本区域，同时在内容中保留 html 样式？感谢您的意见！

    <script type="text/javascript"> 
    tinymce.init({ 
        selector: "textarea", 
        convert_fonts_to_spans : true,
        autoresize: true, 
        plugins: [ 
            "advlist autolink lists link image charmap print", 
            "searchreplace visualblocks code fullscreen", 
            "insertdatetime contextmenu paste moxiemanager",         
        ], 
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",  
        save_enablewhendirty: true, 
        save_onsavecallback: function() {console.log("Save");} 
    }); 
    </script> 

<!---Select from database--->
<cfquery name="message" datasource="#Datasource#" username="#dbuser#" password="#dbpasswd#">
query goes here...
</cfquery>
...

<cfoutput>      
<cfform name="news" action="..." method="POST">

    <!---Form Fields: textarea as selector--->

     <textarea name="msgHeader" cols="1" rows="1" style="width:100%">#message.msgHeader#</textarea>
     <textarea name="msgText" cols="50" rows="8" style="width:100%" >#message.msgText#</textarea>      
     <textarea name="msgHeader1" cols="1" rows="1" style="width:100%">#message.msgHeader1#</textarea>
     <textarea name="msgText1"  cols="50" rows="8" style="width:100%" >#message.msgText1#</textarea>
     <textarea name="msgText2"  cols="50" rows="8" style="width:100%" >#message.msgText2#</textarea>
...                                         
</cfform>
</cfoutput>  

Answer 1

尝试为您的所有文本提供一个 id（与名称相同）。如果它们具有相同的 id，则 Tinymce 不会将 textareas 初始化为 tinymces。