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

2021/01/29 14:51 · jquery ·  · 0评论

嗨,我需要在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>

该脚本适用于普通文本区域,但不适用于tinyMCE。我在这方面做错了什么吗?

谢谢

我认为您可以:

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

对我来说,那是代码的工作原理:

tinyMCE.get('my_textarea_id').setContent(my_value_to_set);

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

简单地这对我有用

$(“#description”)。val(content);

您也可以尝试以下操作:

如果不替换tinymce内的整个内容,则将光标设置在想要在tinymce内增加价值的位置

$(document).on('change','#lang', function() {
     var Getname = $(this).val();
     if (Getname != '') {
        //tinyMCE.activeEditor.setContent(s);   // This is for replace all content
        tinyMCE.activeEditor.execCommand('mceInsertContent',false,Getname); // Append new value where your Cursor
        //console.log(Getname)
    }
 });

我正在使用这段代码TinyMCE 5的新版本

本文地址:http://jquery.askforanswer.com/shiyongjqueryzaitinymcebianjiqizhongshezhizhi.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!