2011-12-20 52 views
17

您好,我需要在tinyMCE編輯器中設置預定義的內容。下面是我的html和jquery。使用jQuery在TinyMCE編輯器中設置值

<script type="text/javascript"> 
    tinyMCE.init({ 
     mode : "exact" , 
     elements : "country" 
    }); 
</script> 
<script type="text/javascript"> 
    $(function() { 
     $("#lang").change(function() { 
      var s = $(this).val(); alert(s); 
      $("#country").val(s); 
     }) 
    }) 
</script> 


<select id="lang"> 
     <option value="">Please Select country</option> 
     <option value="us">US</option> 
     <option value="es">SPAIN</option> 
     <option value="jp">JAPAN</option> 
    </select><br /><br /> 
    <textarea id="country" cols="10" rows="5"></textarea> 

該腳本適用於普通textarea,但不適用於tinyMCE。有什麼我在這做錯了。

感謝

+0

Im相當肯定的小MCE渲染sudo的元素,爲用戶鍵入,所以如果你改變這個國家的它不會改變輸出值。然而,tinymce有一個特殊的插件可以與jquery進行交互http://www.tinymce.com/tryit/jquery_plugin.php – 2011-12-20 13:23:19

回答

30

我認爲你可以這樣做:

$(function() { 
    $("#lang").change(function() { 
     var s = $(this).val(); 
     alert(s); 
     tinyMCE.activeEditor.setContent(s); 
    }); 
}); 
+0

+1這就是要走的路 – Thariama 2011-12-20 13:31:43

+3

對於一個特定的tinyMCE實例,人們也可以使用'tinyMCE。 getInstanceById('textarea_id')。setContent(s);' – Sharlike 2014-02-06 22:43:33

+0

它工作得很好。我使用它作爲ajax響應在tinyMCE中設置。 – 2017-06-26 12:14:53

1

只要這個工作對我來說

$( 「#說明」)VAL(內容)。

+0

不按照你的建議工作。 – 2017-06-26 12:16:39