更改所选文本Javascript的颜色

时间:2016-01-22 16:24:25

标签: javascript textarea

当我点击按钮时,我需要更改textarea中所选文本的文字颜色。

我的第一次尝试:

document.getSelectedText(document.getElementById('test22')).style.color = '#0F0';

我的第二次尝试:

document.getSelectedText((test22.value).substring(test22.selectionStart, test22.selectionEnd)).style.color = '#0F0';

HTML code:

<textarea name="area1" cols="40" id="test22"></textarea>
<button onclick="test();">CLICK</button>

谢谢! ;)

1 个答案:

答案 0 :(得分:0)

没有办法在Textareas中进行设置,因为他们不是RTF编辑。

你可以使用带有div的contenteditable =“true”标签并在那里做魔术,就像在这里和那里设置“font”标签一样。

您还可以使用https://www.tinymce.comhttp://ckeditor.com之类的内容。两者都是WYSIWYG-Editors。 或者在github上搜索任何轻量级RTF编辑器。

也许你可以从中得到一些想法:http://dipaksblogonline.blogspot.in/2014/11/javascript-text-selection-popover.html