ハイライトされたときの背景色の変更

Question

誰でも助けてくれますか？私は、テキストエリアと、色の異なる3つのボタンを持っています。

javascriptまたはcssでボタンをクリックすると、強調表示されたテキストbgcolorを変更したかったのです。助けてください。私は本当にこれをやっていないが、私はCKEDITORのサンプルを持っています。

このCKEditorバージョンのサンプル：

テキストエリアでこの私のコード：

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

Answer 1

あなたがテキストエリアにこれを行うことはできません。 HTML ElementにはcontentEditableが必要です。

そしてまた、あなたはCSSで<textarea />をシミュレートすることができますdocument.execCommand()

に見てみましょう。

すべては以下を示している：

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>