如何在wysiwyg编辑器中按需隐藏光标闪烁符(插入符号）?(redector.js）

How to hide cursor blinker (caret) in wysiwyg editors on demand? (redactor.js)

本文关键字：js 插入 符号 闪烁 redector 光标 wysiwyg 编辑器 隐藏      更新时间：2023-09-26

我试图在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相关的东西——如果您使用的编辑器不支持嵌套的不可编辑元素，那么用户体验将很差，并且非常有缺陷。

相关文章：