javascript - オンデマンドでwysiwygエディターでカーソルブリンカー(キャレット)を非表示にする方法は? (redactor.js)

Question

wysiwyg エディター (私の場合は 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使用するエディターがネストされた編集不可能な要素をサポートしていない場合、UX は貧弱で非常にバグが多くなります。