javascript - 使用 jquery 在 TinyMCE 文本区域中选择一个范围

Question

我在我的应用程序中使用tinymce 和jquery。我还使用tinymce的jquery插件在本地加载它。

我对 jquery 很菜鸟，但我想我应该能够像这样得到它。

<h1 class="class">John</h1>
<form>
    <textarea id="id">
        <p>Hello <span class="class">John</span>,</p>
    </textarea>
</form>

<script>
    // Doesn't work for either
    $('form#id.class').text('Mark');

    // Doesn't Work Either for the textarea but does the h1
    $('.class').text('Mark');
</script>

但是当然它不起作用或者我为什么要发布这个。我做错了什么？

我正在导入 jquery，并且可以像这样获取其他东西，并且它可以工作。

Answer 1

当您加载 TinyMCE 来替换 <textarea> 时您所做的输入不会自动与原始输入同步<textarea> 。加载 TinyMCE 后，您将在 iFrame 中工作 - 而不是原始的 <textarea> 。当您使用标准表单提交表单时，TinyMCE 会自动更新下属 <textarea>在提交表格之前。如果您想从编辑器获取当前值，您可以执行以下两种操作之一:

• 使用get()直接与 TinyMCE 对话的 API
• 使用triggerSave()手动更新底层的API <textarea>在尝试使用 <textarea> 之前

get() API 允许您定位页面上编辑器的特定实例，然后使用 getContent()获取数据的API。

• https://www.tinymce.com/docs/api/tinymce/root_tinymce/#get
• https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#getcontent

triggerSave() API告诉TinyMCE更新底层<textarea>之后您可以立即与<textarea>中的数据进行交互。得到你需要的东西。

• https://www.tinymce.com/docs/api/tinymce/root_tinymce/#triggersave