【发布时间】：2013-01-05 06:38:47
【问题描述】：
我创建了一个自定义 tinymce 插件来添加标题，
- （此插件用于在编辑器中添加只读文本）
- 这些标题被插入到具有属性的 div 中 contenteditable="假"
- 点赞
<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 标记
- 第 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>
感谢任何指导和帮助..！
【问题讨论】：
-
嗯，你有什么问题？
-
我想将编辑器内容与不可编辑的标题对齐，对齐后内容必须在同一行
标签： javascript tinymce