高亮時更改背景顏色

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>