Question

我想做的是在一个单词上创建一个选择（类似于chrome上的 CTRL + F ），

我在这一点上

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

这很好用，它只有1个问题。它只选择我所在行中的文本，我希望它在所有ckeditor文本中找到第一个出现的文本

Answer 1

最后我可以解决这个问题，我所要做的就是从编辑器中获取所有的textnode，然后在节点上搜索单词并将它们放入数组中，如下所示：

for ( i = textNodes.length; i--; ) {
text = textNodes[ i ];
index = text.getText().toLowerCase().indexOf( wordtosearch );

if ( index > -1 ) {

while (index > -1) {

    range = editor.createRange();
    range.setStart( text, index );
    range.setEnd( text, index + wordtosearch.length); 
    ranges.push( range );

    index= text.getText().indexOf( wordtosearch , index+wordtosearch.length );
}
}

}

Ckeditor查找并选择文本

1 个答案: