You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

TinyMCE 6.0如何按类选择多个textarea?原5.0配置失效咨询

TinyMCE 6 按类选择多个textarea的正确方式

你用selector: "textarea.mceEditor"的方式完全正确,这就是TinyMCE 6中按类批量转换textarea为编辑器的标准做法。

TinyMCE 6废弃了5.x版本中的mode和editor_selector参数,统一使用selector配置项,而这个参数支持标准CSS选择器语法:

  • 按ID选择:selector: "textarea#my-editor"
  • 按类选择:selector: "textarea.mceEditor"(匹配所有带mceEditor类的textarea元素)
  • 还支持更复杂的CSS选择器,比如selector: "textarea.mceEditor[data-type='content']"

如果不需要限定标签类型,直接写selector: ".mceEditor"也能生效,但加上textarea前缀可以避免意外选中其他带该类的元素,更严谨。

完整初始化示例:

tinymce.init({
  selector: "textarea.mceEditor",
  plugins: "advlist autolink lists link image charmap print preview",
  toolbar: "undo redo | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"
});

内容的提问来源于stack exchange,提问作者vdawg

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 18:35:49