首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用jQuery在TinyMCE编辑器中设置值

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

Stack Overflow用户
提问于 2011-12-20 21:17:28
回答 3查看 47K关注 0票数 22

嗨,我需要在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。这里有什么地方我做错了吗?

谢谢

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-12-20 21:21:15

我认为你可以这样做:

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

Stack Overflow用户

发布于 2015-08-24 01:58:08

对我来说,只有这样的代码才能工作:

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

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

票数 14
EN

Stack Overflow用户

发布于 2021-06-07 16:34:30

在调用ajax之前,您需要调用触发器

tinyMCE.trigge*emphasized text*rSave(true, true);

完整语法

  tinyMCE.triggerSave(true, true);
        $.ajax({
          data: $('#userForm').serialize(),

          url: "{{ route('versions.store') }}",
          type: "POST",
          dataType: 'json',
          success: function (data) {
          }
          });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8576078

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档