CKEditor 4：カーソル/キャレットの位置を取得および設定する方法は？

Question

私は2つの非常に基本的なことを行う方法を探しています。テキスト内のキャレットの位置を取得したいだけです。次に、テキスト内の特定の位置にキャレットを配置します。目的は、プログラムでテキストを変更できるようにすることです。

私は、さまざまな似たようなことをしようとしていたが、私が望んでいないものをたくさん見つけました。実際、ほとんどのソリューションは、範囲とDOM要素を見つけるHTMLを探しています。たぶんそれが行く方法ですが、私は実際の解決策を見つけていません。

カーソル位置の確認。私は、さまざまなソース（例えばthis one）から、次の解決策が見つかりました：

var selection = e.editor.getSelection(); 
var range = selection.getRanges()[0]; 
var cursor_position = range.startOffset; 

をしかし、これは私の問題に応答しません。以下のテキストでは：

アップル

射手

アクセント

カーソルが直接、各単語のAの後に連続して置かれている場合、それは1が毎回返されます。私が望むのは、1番目のAの後に1を、2番目のAの後に6を、3番目の後に13を配置することです。

つまり、テキスト内のどの文字位置がカーソルであるのかが重要です。たとえば、テキストのX番目の文字の後にテキストを挿入することができます。

あなたはCKEditorバージョンでブックマークのようなものを実装してみたいが、より耐久性のあるかもしれません、あなたの最後のコメントを見てみると

Answer 1

を支援していただきありがとうございます。私が説明したように、元のブックマークは、サーバーにデータを投稿するか、単にソースモードに戻って戻ったときに削除されます。さらに、私が使用を提案する空スパンは、ビジュアル表現を持たず、ゴミとみなされるためエディタによって削除されます。あなたはあなたがそれを必要なときに、エディタのHTMLに<span class="my-break-point"/>を挿入し、を追跡なるカスタムコードを考え出す必要があるだろう

var editor = CKEDITOR.replace('editor1', { 
    language: 'en', 
    protectedSource : /<span.*class="my-break-point".*\/>/g 
}); 

次へ：

何ができることは、カスタムブックマークにまたがる保護するためにprotectedSourceを使用しています次回の挿入時に前のブックマークを削除するようにします。

もちろん、これは単なる基本的な例です。選択が折りたたまれていない場合、折りたたまれた選択のブックマークまたは選択の開始/終了のための2つのブックマークを持つことができます。

最初に挿入するブックマークを試してみて、崩壊し、非崩壊の選択のためのHTMLに挿入されているかを確認してください： - https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.dom.range-method-createBookmark - https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.dom.range-method-createBookmark2

サンプルコード：

var range = editor.getSelection().getRanges()[0]; 
var bm = range.createBookmark(); 

何かが不明である場合は、してくださいお知らせ下さい。