javascript - Froala 2 でコンテンツの最後にキャレットを設定する

Question

私はFroala 2を使用していますが、ドキュメントには、キャレットの位置を設定する簡単な方法を暗示するものは何もないようです。場合によっては、エディター インスタンスに少しのコンテンツをシードしようとしていhtml.setます。インターネットには、v2 に関してこれに関して役立つものは何もないようです。

Answer 1

私の知る限り、Froala 2 にはこれを行うための API はありませんが、ネイティブの JavaScript選択 APIを使用できます。

このコードは仕事をするべきです:

// Selects the contenteditable element. You may have to change the selector.
var element = document.querySelector("#froala-editor .fr-element");
// Selects the last and the deepest child of the element.
while (element.lastChild) {
  element = element.lastChild;
}

// Gets length of the element's content.
var textLength = element.textContent.length;

var range = document.createRange();
var selection = window.getSelection();

// Sets selection position to the end of the element.
range.setStart(element, textLength);
range.setEnd(element, textLength);
// Removes other selection ranges.
selection.removeAllRanges();
// Adds the range to the selection.
selection.addRange(range);

以下も参照してください。

• contenteditable要素(div)でキャレット(カーソル)位置を設定するには?
• contenteditable divの特定の位置にキャレット位置を設定する