Question

我正在使用tinymce，我的页面上有多个文本区域。是否可以只申请一个textarea，

1个文本区域用于描述验证如下所示

var text = tinyMCE.get('txtdesc').getContent();

但我的页面中还有3个以上的文本区域，因此tineMCE不应该适用于所有这些文本区域

我如何只申请一个文字区域

// this is my tinyMCE code 
    tinyMCE.init({
        mode : "textareas",
        theme : "advanced"
    });

// /tinyMCE

Answer 1

对于textarea将class=""分配给textarea属性，这将为您提供支持

<script type="text/javascript">
    tinyMCE.init({
        //mode : "textareas",
        mode : "specific_textareas",
        editor_selector : "myTextEditor",
        theme : "simple"
    });
</script>

<textarea id="txtdesc" name="txtdesc" class="myTextEditor" rows="6" cols="96" ></textarea>

Answer 2

在TinyMCE 3.x配置中，您可以使用类选择器或取消选择器在特定类的textareas上专门启用或禁用TinyMCE，只需将class=""属性放在textarea上。

editor_deselector : "mceNoEditor" // class="mceNoEditor" will not have tinyMCE
editor_selector : "mceEditor", // class="mceEditor" will.

Source

从TinyMCE 4.0.x开始

selector: "textarea", // Select all textarea
selector: "textarea.editme", // Select all textarea with the class editme
selector : "textarea:not(.mceNoEditor)", // Select all textarea exluding the mceNoEditor class

Source

Answer 3

在TinyMCE 4.x中没有取消选择器，因此您可以使用普通的css来确定选择哪些textareas，哪些不是。

<script type="text/javascript">
  tinymce.init({
        selector: "textarea:not(.textarea-no-styles)",
 });
</script>

Answer 4

在TinyMCE 4.x中，您可以使用editor_selector选项，但在此之前请确保您必须将模式更新为＆quot; specific_textareas＆＃39;

    <script type="text/javascript">
  tinymce.init({
    mode : "specific_textareas",
    editor_selector : "mceEditor",
    });
</script>

同样在textarea中添加与editor_selector值相同的css类，如上例所示它应如下所示：

<textarea id='textarea1' class='mceEditor'>first text area</textarea>

现在，编辑器将添加到那些名为＆＃39; mceEditor＆＃39;。

的类的textarea中。

Answer 5

以下是4.6.4版本对我有用的内容，而且更简单：

我刚刚将#my_text_area_id附加到我的选择器，如下所示

selector: 'textarea#elm1'
<textarea id="elm1" ...>...</textarea>

希望有所帮助

Answer 6

您可以使用selector。

来完成此操作

selector: "#text_area_id", // Select with textarea id

Answer 7

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.5.4/react-dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.1/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

我正在使用tinymce，是否可以申请一个textarea

7 个答案: