高亮时更改背景颜色

Question

谁能帮我？ 我有一个textarea和三个不同颜色的按钮。

我想在javascript或css中单击按钮时更改突出显示的文本bgcolor。 请帮忙。 我并没有真正做到这一点，但是我有一个CKEDITOR的样本。

这是CKEDITOR的示例：

这是我在textarea中的代码：

<textarea>
  <p> CHANGING BACKGROUND </p>
</textarea>

Answer 1

您不能在文本区域中执行此操作。 您需要一个带有contentEditable的HTML Element 。

看看document.execCommand()

您也可以使用CSS模拟<textarea /> 。

一切如下所示：

 function setColor() { document.execCommand('backColor', false, "red"); } 

 div[contentEditable] { -moz-appearance: textfield-multiline; -webkit-appearance: textarea; border: 1px solid gray; font: medium -moz-fixed; font: -webkit-small-control; height: 28px; overflow: auto; padding: 2px; resize: both; width: 400px; } 

 <div contentEditable="true">this is some text</div> <button onclick="setColor();">change color</button>