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

如何在TinyMCE 6中指定特定ID前缀的textarea进行初始化?

解决TinyMCE 6仅初始化指定ID前缀的textarea问题

你可以通过正确的CSS属性选择器实现需求,TinyMCE的selector参数支持标准CSS选择器,你之前的写法错误在于多余的#符号,修正后的配置如下:

tinyMCE.init({
  selector: 'textarea[id^="mailmatter_"]'
  // 其他配置项...
});

原理说明

CSS属性选择器[id^="mailmatter_"]会匹配所有ID以mailmatter_开头的元素,加上textarea前缀限定后,就只会选中符合条件的文本域,不会影响页面上其他textarea。

备选方案(手动获取元素)

如果需要更灵活的控制,也可以先通过JavaScript获取所有目标元素,再生成选择器字符串传给TinyMCE:

// 获取所有ID以mailmatter_开头的textarea
const targetTextareas = document.querySelectorAll('textarea[id^="mailmatter_"]');
// 转换为逗号分隔的选择器(格式如"#mailmatter_1,#mailmatter_2,...")
const selectorString = Array.from(targetTextareas).map(el => `#${el.id}`).join(',');

tinyMCE.init({
  selector: selectorString
  // 其他配置项...
});

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.30 09:00:00