已经颜色突出显示的文本的jQuery getSelection

时间:2013-11-18 08:36:10

标签: javascript jquery getselection

我发现了一个jQuery插件,它允许我用一种完美的颜色突出显示我的文本。但现在我需要获得突出显示的文本选择并将其放在文本框中。

我发现这个代码正是我正在寻找的,虽然它没有把我的颜色高亮作为选择。

这是我找到并想要使用的代码,位于此链接http://www.codetoad.com/javascript_get_selected_text.asp#highlight2

1 个答案:

答案 0 :(得分:0)

正如我所怀疑的那样,插件“only”包含了一段时间内的文本。要访问该文本,您可以使用标准的jQuery选择器。基本上,它的工作原理如下:

// the plugin generates new <span> elements with class="highlighted".
// You fetch all those with $('.highlighted.'). Then you get their text
// content by calling .text() [1]:
var text = $('.highlighted').text();

// Access your <textarea>, where you want to put the text into. Either
// use an ID element and use $('#id-of-textarea'), class or other means.
// to get the 1st one, use the ':eq(0)' jQuery selector (':eq(1)' for the
// second and so on) [2]. Then set the text with the jQuery .val() call [3]:
$('textarea:eq(0)'.val(text);

在您的问题中,您链接到getSelection()方法及其亲属。如果您想通过鼠标访问用户选择的文本,这些都很好。

[1] http://api.jquery.com/text/

[2] http://api.jquery.com/eq-selector/

[3] http://api.jquery.com/val/