使用jQuery在TinyMCE编辑器中设置值

Mik*_*ike 22 javascript jquery textarea tinymce

嗨,我需要在tinyMCE编辑器中设置预定义的内容.下面是我的html和jquery.

<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>
Run Code Online (Sandbox Code Playgroud)

该脚本适用于普通的textarea,但不适用于tinyMCE.在这方面我有什么不对吗?

谢谢

kar*_*m79 37

我想你可以这样做:

$(function() {
    $("#lang").change(function() {
        var s = $(this).val(); 
        alert(s);
        tinyMCE.activeEditor.setContent(s);
    });
});
Run Code Online (Sandbox Code Playgroud)

  • 对于特定的tinyMCE实例,也可以使用`tinyMCE.getInstanceById('textarea_id').setContent(s);` (10认同)
  • 使用最新的 TinyMCE 版本 (5),您需要以下代码:`tinymce.get('elementid').setContent(s);` 您可以在 API 文档中了解更多信息:https://www.tiny.cloud/docs/ api/tinymce/tinymce.editor/#setcontent (3认同)

Jua*_*ito 12

对我来说,只有代码有效:

tinyMCE.get('my_textarea_id').setContent(my_value_to_set);
Run Code Online (Sandbox Code Playgroud)

也许这是tinyMCE新版本的代码!(微小的MCE Api 3)