CKEDITOR：在Text周围找到Text并放置Span标签

Question

我想知道是否有任何方法可以在CKEDITOR中以编程方式查找文本

并在特定文字上添加 SPAN 标记。

我的内容就像这样

<p>This is my co<b>nte</b>nt</p>

我的愿景是找到一个内容文本并在其周围放置一个范围。

如果我要使用CKEDITOR dom walker，则无法在编辑器中找到内容文本。

拜托，有人给我解决这个问题的方法。

提前感谢。

Answer 1

CKEDITOR.instances.editor1.window.getFrame().$检索编辑器可编辑区域的本机DOM元素。 所以：

$( CKEDITOR.instances.editor1.window.getFrame().$ ).contents().find( yourelement);

或者如果您想找到特定的文字，那么

$( CKEDITOR.instances.editor1.window.getFrame().$ ).contents().find( 'span:conatins("your-text")')

应该解决你的问题。

另请注意，CKEditor为DOM操作提供了一个API：

CKEDITOR.instances.editor1.document.getById( 'elementID' );
CKEDITOR.instances.editor1.document.getElementsByTag( 'div' );

有关更多文档，请阅读本节 documentation CKEDITOR.instances