我用的是tinymce，是不是可以只申请一个textarea

Posted 2023-03-22

【中文标题】我用的是tinymce，是不是可以只申请一个textarea

【英文标题】：I am using tinymce, Is it possible to apply for only one textarea我用的是tinymce，是否可以只申请一个textarea

【发布时间】：2011-07-08 17:28:57

【问题描述】：

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

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

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

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

如何只申请一个文本区

// 这是我的 tinyMCE 代码 tinyMCE.init( 模式：“文本区域”， 主题：“高级” ); // /tinyMCE

【参考方案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>

【讨论】：

如何与 textarea 的 attr "id" 绑定。

模式：“精确”，元素：“textarea_id”|请在代码中使用这个

【参考方案2】：

在 TinyMCE 3.x 配置中，您可以放置​​类选择器或取消选择器来专门启用或禁用具有某些类的 textarea 上的 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.

【讨论】：

也适用于具有特定 ID 的 textarea，例如selector: "textarea#myTAID"

【参考方案3】：

在 TinyMCE 4.x 中没有取消选择器，因此您可以使用普通 css 来确定选择了哪些文本区域，哪些没有。

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

【讨论】：

我想补充一下，这里可以输入多个类，用逗号分隔，要排除：selector: "textarea:not(.regTextarea1,.regTextarea2)"

【参考方案4】：

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

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

还在你的文本区域中添加与 editor_selector 值相同的 css 类，根据上面的示例，它应该如下所示：

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

现在，编辑器将添加到那些具有名为“mceEditor”的类的文本区域中。

【参考方案5】：

这就是我在 4.6.4 版上的工作，而且更简单：

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

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

希望对你有帮助

【参考方案6】：

您可以使用selector 来做到这一点。

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

【参考方案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 无关。请查看How to Answer 和edit 您的答案，以添加更多信息来解释如何解决问题。