尝试在Firefox中的文本编辑器中将“span”标记设为只读

时间:2013-11-01 17:26:41

标签: javascript html css html5 firefox

我在Firefox中处理标记的方式有一个相当特殊的问题。我目前有一个Richfaces组件,它是一个tinyMCE对象,HTML是其内容的预期。但我通常在那里有一个简单的文本,混合我称之为“占位符”。这些“占位符”是用户无法更改的只读对象,他只能删除它们(并且只需单击退格键或删除键即可)。所以,最后,这就是样本的样子:

  This is the text that contains info about a certain 
  person, <span contenteditable="false" style="color: grey; font-weight: bold;" class="placeholder ui-draggable" unselectable="ON">[Person Name]</span>, 
  and will be updated further down the road.  

在IE中它可以正常工作,但是当涉及到Firefox时 - 该对象变得可编辑和可选择,这种方式无法实现它的目的。我能够使用“-moz-user-select:none;”使其至少不可选择。样式属性,但用户仍然可以编辑它(比如使用退格键部分删除它),它仍然无法在Safari上运行。似乎属性“contenteditable”和“unselectable”甚至不适用于非IE浏览器。

有没有人知道如何解决这个问题?我慢慢耗尽了想法。

提前致谢

0 个答案:

没有答案