繁体   English   中英

Ckeditor查找并选择文本

[英]Ckeditor find and select text

我想做的是在一个单词上创建一个选择(类似于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文本上找到第一个匹配项

最后,我可以解决这个问题,我所要做的就是从编辑器中获取所有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 );
}
}

}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM