Firefox 和 contentEditable 跨度

标签 firefox contenteditable html

我正在使用 WYSIWYG (InnovaEditor) 来编辑我网站上的内容,它适用于 Chrome、IE,主要适用于 Firefox,但 FF 有一个稍微令人讨厌的问题。我将 span 标签插入到内容中以允许稍后合并内容,例如:

<span style="background-color:yellow;" 
      subst_key="{Object1.name}" 
      contentEditable="false">
  Object1 Name
</span>

我无法更改基本格式,这是一个商业项目,太多代码依赖于它的现状。问题在于,即使 span 不可编辑,FF 有时也会允许逐个字符删除 - 只需在合并字段后按 backspace 即可。此外,即使在您删除内容后,有时带有合并字段的 span 标签也不会被删除(只是打开和关闭之间的文本)!知道为什么 FF 允许编辑非 contentEditable 字段吗?

TL;DR FF 有时允许编辑 contentEditable=false span 标签。我该如何阻止它?

最佳答案

好吧,似乎 contenteditable 属性只在 ie 和其他一些支持它的浏览器中工作 但在其他浏览器中,只能使用 designmode 属性 也许你必须为此使用一些javascript http://theocacao.com/document.page/137

但是周围还有很多更好的所见即所得编辑器,比如 ck 编辑器?

关于Firefox 和 contentEditable 跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5942620/

相关文章:

asp.net - asp.net 控件之前 html 中奇怪的 ""引号

javascript - 实时 JavaScript 编辑和编译 - Firefox 开发者版

javascript - 使用 Firefox 解析 HTML

angular - 无法在 Angular 应用程序上设置断点

firefox - 使用斜体时line-height和实际高度冲突

javascript - 在无状态组件中 react contenteditable

dart - 自定义div元素(聚合物)不收听contentEditable =“true”

html - 如何将文本与 <div> 中的图像垂直对齐

javascript - ContentEditable div 在 JS fiddle 中无法正常工作

html - 由于四舍五入不同,PNG 图像在 Chrome 中模糊;怎么办?