在页面加载时替换Tinymce textarea内容

时间:2014-06-15 18:03:52

标签: jquery html5 tinymce

感谢您的留言。实际上,我试着写一个邮件程序。在那里,我有一个textarea字段和一个由4个模板组成的下拉菜单。我根据下拉选择替换了textarea内容。

 $(document).ready(function () {
  $('div#template textarea.mceEditor').html($('div div#template1').text()); 
    $('textarea.mceEditor').attr('readonly','readonly');    
    $('#selecttemplate').change(function () {   

       if($(this).val() == 'template1'){ 
          $('div#template textarea.mceEditor').html($('div div#template1').text());                               $('textarea.mceEditor').attr('readonly','readonly');        

       }
       else if($(this).val() == 'template2'){ 
          $('div#template textarea.mceEditor').html($('div div#template2').text());
          $('textarea.mceEditor').attr('readonly','readonly');

       }
       else if($(this).val() == 'template3'){
          $('div#template textarea.mceEditor').html($('div div#template3').text());
          $('textarea.mceEditor').attr('readonly','readonly');

       }
       else if($(this).val() == 'template4'){
          $('div#template textarea.mceEditor').html($('div div#template4').text());

          $("textarea.mceEditor").removeAttr('readonly');             
       }
    });

我可以在普通textarea中完成此模板更改。当我使用这个tinymce集成时,它不会改变textarea中的内容。但它会在页面加载时加载第一个下拉内容。

根据下拉选择在textarea中显示四个不同(样本)内容:

<div style="display:none;">
 <div id="template1" class="msg">
<?php echo $clickTracker->getAffiliate()->getValue('data1'); ?>
  123
<?php echo $clickTracker->getAffiliate()->getValue('data14'); ?>
</div>
<div id="template2" class="msg">
<?php echo $clickTracker->getAffiliate()->getValue('data1'); ?>
 456
 <?php echo $clickTracker->getAffiliate()->getValue('data10'); ?>
 </div>
 <div id="template3" class="msg">  
 <?php echo $clickTracker->getAffiliate()->getValue('data1'); ?>
 789
 <?php echo $clickTracker->getAffiliate()->getValue('data11'); ?>
 </div>
 <div id="template4" class="msg">
 Type your own message...
 </div>
 </div>

先谢谢。

1 个答案:

答案 0 :(得分:1)

我猜你可能想要像这样使用.setContent()

 if($(this).val() == 'template1'){ 
       tinyMCE.activeEditor.setContent($('div div#template1').text());
 }

该文件在此处:http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.setContent