我创建了一个自定义 tinymce 插件来添加标题，
- （此插件用于将只读文本添加到编辑器中）
- 这些标头被插入到具有属性 contenteditable="false" 的 div 中
- Like
<div class="headerDiv" contenteditable="false">Marks</div>（headerDiv 用于将 div 设置为内联）
我没有使用 tinymce 不可编辑插件 regex ，对我来说，它无法从列表框插入。（请检查图像）
当我尝试将所选内容与不可编辑的标题对齐时出现问题，标题将显示在下一行。（请检查图像）
我检查了 tinymce_src.js，从中我了解对齐的工作原理，他们从编辑器获取内容并在其周围包裹一个 div，并使用 text-align 属性对齐该 div。在包装部分，他们检查所选内容是否有 html 标签，如果找到该标签，则他们将内容分成 3 个，即
标签前的内容
带有html标签的内容
标签后的内容
并用 div 包裹这 3 部分
tinymce 所选内容的示例：原始 tepmlate Marks
- 第1部分 ：
<div style="text-align:center">raw tepmlate</div> 第2部分 ：
<div style="text-align:center"><div class="headerDiv" contenteditable="false">Marks</div></div>第 3 部分：
<div style="text-align:center"> </div>
任何指导和帮助表示赞赏..！