如何在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
相关产品推荐
相关产品推荐

