javascript - tinyMCE 选择器最初不加载文本区域

Question

我正在使用带有冷聚变的tinymce。我有多个文本区域，我希望tinymce 应用于所有文本区域。文本区域从数据库获取数据。我的问题是，当页面首次加载时，只有第一个文本区域被填充，其余部分留空。但是，当我刷新页面时，它们都填充了数据。我尝试在 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 不会将它们初始化为tinymces。