如何在 TinyMCE 中突出显示给定文本？

发布于 2024-12-19 04:45:41 字数 312 浏览 1 评论 0原文

我有以下短语：

The birds fly in the sky near planes.
0123456789012345678901234567890123456
          1         2         3

如果我知道短语的开始（14）和结束（23），如何使用 TinyMce 突出显示 in the sky ？

我想使用 setRng 方法，但我没有找到任何示例代码。

原文

I have the following phrase:

The birds fly in the sky near planes.
0123456789012345678901234567890123456
          1         2         3

How can I highlight in the sky with TinyMce if I know the start(14) and end(23) of the phrase ?

I would like to use the setRng method but I didn't find any sample code.

分享到QQ

分享到微博

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

发布评论

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

看海 2024-12-26 04:45:41

这是我想出的解决方案：

var ed = tinyMCE.activeEditor;
var range = ed.selection.getRng();
range.setStart(textNode, start);
range.setEnd(textNode, end);
ed.selection.setRng(range);

其中：

textNode 可以是一个 DOM 文本节点，您可以使用 getElementById 或任何其他简写属性（parent、nextSibling 等）
start 和 end 分别是您要选择的文本的开头和结尾

我更喜欢这个解决方案因为我只使用tinyMCE API。我不依赖于可以在浏览器之间改变（行为、错误......）的对象和方法。

Here is the solution I came up with :

var ed = tinyMCE.activeEditor;
var range = ed.selection.getRng();
range.setStart(textNode, start);
range.setEnd(textNode, end);
ed.selection.setRng(range);

Where :

textNode can be a DOM text node that you can retrieve with getElementById or any other short-hand properties (parent, nextSibling etc)
start and end are respectively the beginning and the end of the text you want to select

I prefer this solution because I only use the tinyMCE API. I don't rely on objects and methods that can change (in behavior, in bugs ...) from browser to browser.

回复收藏 0 原文

故乡的云 2024-12-26 04:45:41

尝试：

var range = document.createRange();
var start = document.getElementById('tinymce');
//var textNode = start.getElementsByTagName('p')[0].firstChild;
//edited
var textNode = start.getElementsByTagName('your_tag_where_you_have_the_text')[0].firstChild;
range.setStart(textNode, 14);
range.setEnd(textNode, 23);
window.getSelection().addRange(range);

Try:

var range = document.createRange();
var start = document.getElementById('tinymce');
//var textNode = start.getElementsByTagName('p')[0].firstChild;
//edited
var textNode = start.getElementsByTagName('your_tag_where_you_have_the_text')[0].firstChild;
range.setStart(textNode, 14);
range.setEnd(textNode, 23);
window.getSelection().addRange(range);

回复收藏 0 原文

~没有更多了~