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

发布于 2024-12-22 14:32:09 字数 850 浏览 3 评论 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。我在这方面做错了什么吗？

谢谢

原文

Hi I need to set predefined content inside the tinyMCE Editor. Below is my html and 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>

The script works for a normal textarea but not for tinyMCE. Is there anything I am doing wrong in this.

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

作死小能手 2024-12-29 14:32:09

我认为你可以这样做：

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

I think you can do:

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

回复收藏 0 原文

尛丟丟 2024-12-29 14:32:09

仅对我而言，该代码有效：

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

也许这是新版本的tinyMCE的代码！（微型 MCE Api 3）

For me only that's code works :

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

Maybe this is the code from the new version of tinyMCE ! (Tiny MCE Api 3)

回复收藏 0 原文

小巷里的女流氓 2024-12-29 14:32:09

这对我来说很简单

$("#description").val(内容);

回复收藏 0 原文

北城半夏 2024-12-29 14:32:09

您也可以尝试这个：
如果没有替换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

You can also try this:
Without Replace whole content inside tinymce, set cursor where you want add value inside 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)
    }
 });

I am using this code the new version of TinyMCE 5

回复收藏 0 原文

独留℉清风醉 2024-12-29 14:32:09

在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) {
          }
          });

Before an ajax call, you need to call a trigger

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

Full Syntax

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

          url: "{{ route('versions.store') }}",
          type: "POST",
          dataType: 'json',
          success: function (data) {
          }
          });

回复收藏 0 原文

~没有更多了~