Tinymce编辑器文本对齐在不可编辑的内容中

时间：2013-01-05 06:38:47

标签： javascript tinymce

我为Add Headers创建了一个自定义的tinymce插件，

  • （此插件用于将只读文本添加到编辑器中）
  • 将这些标头插入带有属性的div中 CONTENTEDITABLE = “假”
  • 赞<div class="headerDiv" contenteditable="false">Marks</div> （headerDiv用于将div设置为内联）

我没有使用tinymce不可编辑的插件正则表达式，对我而言，它不会从列表框中插入。 （请查看图片） enter image description here

enter image description here

当我尝试将所选内容与不可编辑的标题对齐时，会出现

问题， 标题将显示在下一行。 （请查看图片） enter image description here

我已经检查了tinymce_src.js，从中了解了对齐是如何工作的， 他们从编辑器中获取内容并在其周围包裹div， 并使用text-align属性对齐该div。 在包装部分，他们检查所选内容是否有html标签， 如果找到了标签，那么他们会将内容分成3个 即

    标签前的

  • 内容

  • 内容与html标记

  • 标记后的内容

用div包装这3部分

选择内容的示例：raw 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>

感谢任何指导和帮助..！

1 个答案:

答案 0 :(得分：0)

style="display: inline-block;"

相关问题
最新问题