Question

我在看http://archive.tinymce.com/wiki.php/Configuration3x:editor_selector

只有当文本框位于具有特定ID的<form>下时才能选择文本框吗？

例如：

<form id="edit_page">
    <textarea></textarea>
<form>

我知道我可以在文本区域添加一个类来使其工作，但我希望这个解决方案适用于我的用例。因为我正在使用Active_admin而我不想重新定义它的所有默认表单。

Answer 1

如果您可以使用tinyMCE jquery插件，可以使用jquery选择器（$）选择元素，然后调用tinymce函数。

Codepen example is here.

JS Part：

$(function() {
  $('#edit_page2 textarea').tinymce({
    script_url : 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.3.4/tinymce.min.js',
    theme : "modern",
    mode : "textareas"
  });
});

HTML部分：

<form id="edit_page1">
    <textarea></textarea>
</form>
<form id="edit_page2">
    <textarea></textarea>
</form>
<form id="edit_page3">
    <textarea></textarea>
</form>

这将根据父母的身份进行选择。您可以使用任何类型的CSS选择器。您需要包含jquery和tinyMce的jquery文件

//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.3.4/jquery.tinymce.min.js

TinyMCE按父表单ID选择文本区域

1 个答案: