如何在CKEDITOR中编程选择文本范围？ [英] how to select a text range in CKEDITOR programatically?

问题描述

我在javascript中有一个CKEditor实例：

I have a CKEditor instance in my javascript:

var editor = CKEDITOR.instances["id_corpo"];

我需要以编程方式插入一些文本，然后选择一些文本范围。

and I need to insert some text programatically, and select some text range afterwards.

我已经通过

editor.insertHtml('<h1 id="myheader">This is a foobar header</h1>');

但是我需要通过javascript来选择（突出显示）foobar可以用我的CKEditor插件使用selenium进行一些功能测试。

But I need to select (highlight) the word "foobar", programatically through javascript, so that I can use selenium to work out some functional tests with my CKEditor plugins.

也尝试类似

var selection = editor.getSelection();
var childs = editor.document.getElementsByTag("p");
selection.selectElement(childs);

但根本不起作用！

< h1>我如何做到这一点？

我认为

But doesn't work at all!

How can I do that?

I think that

selection.selectRange()

可以做这项工作，但我不知道如何使用。
没有例子：

could do the job, but I'could not figure out how to use it. There are no examples over there :(

推荐答案

获取当前选择

var editor = CKEDITOR.instances["id_corpo"];
var sel = editor.getSelection();

将选择更改为当前元素

var element = sel.getStartElement();
sel.selectElement(element);

范围到您要选择的文本

var findString = 'foobar';
var ranges = editor.getSelection().getRanges();
var startIndex = element.getHtml().indexOf(findString);
if (startIndex != -1) {
    ranges[0].setStart(element.getFirst(), startIndex);
    ranges[0].setEnd(element.getFirst(), startIndex + findString.length);
    sel.selectRanges([ranges[0]]);
}

这篇关于如何在CKEDITOR中编程选择文本范围？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！