CKEditor：设置光标/插入符位置

发布于 2024-11-02 09:26:01 字数 516 浏览 3 评论 0原文

如何在 CKEditor3.x 中定位插入符号？我有 2 个位置，我想在这两个位置上使用 insertHTML() 。

伪代码：

editor.setCaret(20); // function does not exists
editor.insertHtml('::');
editor.setCaret(40); // function does not exists
editor.insertHtml('::');

我已经尝试过（将插入符号设置为位置：20）：

var ranges = [];
var range = new CKEDITOR.dom.range( this.document );
range.startOffset = 20;
range.endOffset = 20;
ranges.push( range );
editor.getSelection().selectRanges( ranges );

这不起作用。有人可以帮我吗？

原文

How can I position the caret in CKEditor3.x?
I have 2 positions and I want use insertHTML() on both positions.

Pseudo-code:

editor.setCaret(20); // function does not exists
editor.insertHtml('::');
editor.setCaret(40); // function does not exists
editor.insertHtml('::');

I have tried (to set caret to position: 20):

var ranges = [];
var range = new CKEDITOR.dom.range( this.document );
range.startOffset = 20;
range.endOffset = 20;
ranges.push( range );
editor.getSelection().selectRanges( ranges );

This is not working. Can anybody help me please?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我不咬妳我踢妳 2024-11-09 09:26:01

要在编辑器中插入文本或使用 html 执行某些操作，您不需要获取插入符号位置。

像平常的 html 一样对待它。

PS 如果你可能想在 dom 操作后恢复光标位置，请尝试这个

var s = editor.getSelection();
var selected_ranges = s.getRanges(); // save selected range
// do something
s.selectRanges(selected_ranges); // restore it

To insert text or do something with html in the editor you don't need to get the caret position.

Treat it as usual html.

P.S. If you probably want to restore cursor position after dom manipulating, try this

var s = editor.getSelection();
var selected_ranges = s.getRanges(); // save selected range
// do something
s.selectRanges(selected_ranges); // restore it

回复收藏 0 原文

深海少女心 2024-11-09 09:26:01

如果您使用 insertElement 而不是插入 html （例如，插入一个 span 元素），以下内容可能会起作用：

editor.insertElement(element);
var range = new CKEDITOR.dom.range(editor.document);
range.moveToElementEditablePosition(element, true);
editor.getSelection().selectRanges([range]);

If you use insertElement instead of insert html (and say, insert a span element) the following should probably work:

editor.insertElement(element);
var range = new CKEDITOR.dom.range(editor.document);
range.moveToElementEditablePosition(element, true);
editor.getSelection().selectRanges([range]);

回复收藏 0 原文

~没有更多了~