Question

我将html加载到一系列textareas中，我给出了一种显示样式：none; 然后我有一个很好的下拉菜单，其中的选项包含每个textarea的ID属性的值。

我有jquery听取下拉列表的更改，当检测到ID时，我将相应的textarea的值加载到带有可爱TinyMCE插件的主要textarea中。

没有TinyMCE，一切正常。但是编辑器不会显示动态加载的html文本。

谁能看到我做错了什么？

代码：

<textarea id="template1"><div>Some html <b>inside this textarea</b><br>And more</textarea>
<textarea id="template2"><div>More html <b>inside this textarea</b><br>And more</textarea>

<select name="templateid" id="templateid"> 
  <option value="0">-------------</option>
  <option value="1">Load Template 1</option>
  <option value="2">Load Template 2</option>
</select>

<textarea id="maintemplate"></textarea>

<script language="javascript" type="text/javascript">
$(document).ready(function(){

$("#templateid").change(function(){ 
    var templateid = $(this).val();
    if(templateid == 0){ $("#templatetext").val(""); return false; }
    var html = $("#template"+templateid).val();
    $("#maintemplate").val(html); // this is ignored?
    return false;   
});


$("textarea#maintemplate").tinymce({
    script_url : '/includes/modules/tiny_mce/tiny_mce.js',// Location of TinyMCE script
    // General options
    theme : "advanced",
    plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist",
    force_p_newlines : false,
    force_br_newlines : true,
    /*forced_root_block : '',*/
    // Theme options
    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleprops,forecolor,backcolor,|,link,unlink,image,|,bullist,numlist,removeformat,code,|,cleanup,preview",
    theme_advanced_buttons2 : "",
    theme_advanced_buttons3 : "",
    theme_advanced_buttons4 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_resizing : true,
});

});
</script>

你会看到：$("#maintemplate").val(html);是我加载其他textareas值的地方。但编辑只是没有显示它。（没有编辑器，它有效）

Answer 1

谁能看到我做错了什么？

以下是您的代码的工作DEMO（按原样粘贴）....

我唯一可以指出的是你没有加载

<script type="text/javascript" src="../jscripts/tiny_mce/jquery.tinymce.js"></script>

希望它有所帮助!!!

TinyMCE - 从其他Textareas加载Html

1 个答案: