TinyMCE中<input>元素处理异常问题咨询

问题1：name="submit"属性被自动移除 #

原因 #

TinyMCE的表单解析逻辑会规避与原生DOM的命名冲突——原生HTMLFormElement对象自带submit()方法，当input的name设为submit时，会覆盖表单的内置方法，引发潜在JS逻辑问题。编辑器为了避免这种冲突，默认会自动移除input的name="submit"属性。

解决方法 #

在TinyMCE配置中添加extended_valid_elements，明确允许input的name属性为submit：

tinymce.init({
  // 其他配置项
  extended_valid_elements: 'input[*|name=submit]'
});

问题2：表单内input的元素选择功能失效 #

修复方法 #

• 规范标签写法：确保input使用标准自闭合写法（<input ... />），部分版本编辑器对非标准写法的元素层级识别存在问题。
• 调整编辑器配置：在初始化配置中添加content_style，明确表单与内部元素的层级关系，帮助编辑器正确识别DOM结构：

tinymce.init({
  // 其他配置项
  content_style: 'form { position: relative; }'
});

• 排查冲突插件：如果启用了visualblocks等可能干扰DOM识别的插件，尝试临时禁用后测试，部分插件会修改元素渲染结构，导致选择器逻辑出错。

内容的提问来源于stack exchange，提问作者bfredo123