Question

有没有办法为下面的对象添加不同的颜色...当我输出到textarea时，我正在做的方式不起作用。

//Print out InputTextToSave 10
                document.getElementById('inputTextToSave10').innerHTML= 
                "Name" + "\n" + studentname.fontcolor("red").bold()
                + "Number " + studentnumber.fontcolor("blue").bold();

<textarea id="inputTextToSave10" style="width: 1300px; height: 857px; 
background-color: #333333; font-family: Arial; font-size: small; font-
weight: normal; color: #FFFFFF;"></textarea>

Answer 1

.textarea_type_div{
  width: 1300px; 
  height: 857px; 
  background-color: #333333;
  font-family: Arial; font-size: small; 
  font-weight: normal; 
  color: #FFFFFF;
}

.textarea_type_div .studentname{
  font-weight:bold;
  color:red;
}

.textarea_type_div .studentnumber{
  font-weight:bold;
  color:blue;
}

<div class="textarea_type_div" contenteditable="true">
  <span class="studentname">Student Name</span>
  <span class="studentnumber">Student Number</span>
</div>

您可以制作textarea而不是div，而是为div提供名为contenteditable="true"的属性，您可以根据需要编写和更改文字颜色

您可以参考此link for more help

此外，您可以使用texteditor插件，例如The Yahoo RTE，the FCKEditor和the Lightweight RTE。

希望这有帮助。

使用textarea时，Javascript更改字体颜色

1 个答案: