我试图在wysiwyg编辑器(在我的例子中是redactor.js)中单击某些元素时隐藏闪烁的插入符号,但我想所有元素都是一样的。
我不想禁用整个输入区域,它只是隐藏插入符号,并且在单击某些元素时不允许任何输入。
您可以在单击某些元素时设置插入符号的位置。
将光标位置设置为元素的特定位置:
$('#redactor').redactor('setCaret', element, 4);
将光标设置到元素的末尾:
$('#redactor').redactor('selectionEnd', element);
您可以在不应编辑的元素上设置contenteditable=false
属性。
<div contenteditable="true">
editable part
<span contenteditable="false">read only part</span>
editable part
</div>
查看一个实际示例:http://jsfiddle.net/Ebhxy/
然而,由于所有与contenteditable
相关的东西——如果您使用的编辑器不支持嵌套的不可编辑元素,那么用户体验将很差,并且非常有缺陷。