javascript - 如何按需在所见即所得编辑器中隐藏光标闪烁器（插入符号）？(redactor.js)

Question

在所见即所得编辑器（在我的例子中是 redactor.js）中单击某些元素时，我试图隐藏闪烁的插入符号，但我想都是一样的。

我不想禁用整个输入区域，它只是隐藏插入符号并且在单击某些元素时不允许任何输入。

Answer 1

您可以在单击某些元素时设置插入符号位置。

将光标位置设置为元素的特定位置：

$('#redactor').redactor('setCaret', element, 4);

将光标设置到元素的末尾：

$('#redactor').redactor('selectionEnd', element);

Answer 2

您可以contenteditable=false在不应编辑的元素上设置属性。

<div contenteditable="true">
    editable part
    <span contenteditable="false">read only part</span>
    editable part
</div>

看一个活生生的例子：http: //jsfiddle.net/Ebhxy/

然而，与所有相关的contenteditable- 如果您使用的编辑器不支持嵌套的不可编辑元素，则用户体验将很差并且非常有问题。