tinyMCE选择器最初不加载textarea

时间:2014-04-10 15:29:23

标签: javascript coldfusion tinymce

我正在使用冷却融合的tinymce。我有多个textareas,我想要tinymce适用于所有这些。 textareas从数据库中获取数据。我的问题是,首次加载页面时只会填充第一个textarea,其余的则留空。但是,当我刷新页面时,它们都填充了数据。我试图在init函数中将选择器更改为模式,所有textareas都是在首次加载页面时populuated,但内容丢失了我从选择器获得的样式(html格式)。下面是示例代码。如何在首次加载页面时填充所有textareas,同时在内容中保留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>  

1 个答案:

答案 0 :(得分:0)

尝试为您的所有文本添加ID(与名称相同)。如果具有相同的id,Tinymce不会将textareas初始化为tinymces。