在highligted时改变背景颜色

Question

任何人都可以帮助我吗？我有一个textarea和三个不同颜色的按钮。

我想在按钮点击javascript或css时更改高亮显示的文字bgcolor。请帮忙。我没有真正做到这一点，但我有CKEDITOR的样本。

这是CKEDITOR的样本：

这是我在textarea的代码：

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

Answer 1

你不能在textarea中这样做。 您需要HTML Element contentEditable。

并查看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>