Question

我正在使用模板插件来插入html代码段。例如：

<a class="button" href="#"><span class="button-inner"><span class="button-label">Button Text</span></span></a>

一切正常，直到编辑器尝试更改按钮的文本并退出其html以在其后添加更多文本。插入符号不会离开A标签，而是在跨度内或在关闭A标签之前停止。所以最后我们得到了这样的东西：

...Button Text</span> some more </span> text here </a>

它完全破坏了布局。

是否可以通过某些属性将链接标记为单个实体块或跨度不可输入，以防止在意外位置插入文本？

Answer 1

您使用contenteditable="false"属性使HTML的一部分不可编辑。这是一个示例：

http://fiddle.tinymce.com/Zxgaab

我将您的链接HTML更改为此：

<a contenteditable="false" class="button" href="#">
  <span class="button-inner">
    <span class="button-label">
      Button Text
    </span>
  </span>
</a>

它将像编辑器中的单个字符一样...

TinyMCE：在复杂模板HTML中编辑文本的问题

1 个答案: