是否可以在一个textarea中有几个不同的文本颜色？

Question

我想在textarea中的几个单词/阶段以不同的颜色出现......我将如何做到这一点？下面是一个例子,我想要绿色这个词出现绿色等等......

<textarea style="width: 100%; height: 100%; resize: none;">
Is it possible to have multiple colors in a textarea? 
How would i set certain phases or words to be different colors? 
"Green"
"Red"
"Blue"
</textarea>

Answer 1

您无法使用textarea或输入标记执行此操作.但是,正如@naikus所提到的,您可以使用contenteditable属性.它如下:

<div id="mytxt" contenteditable="true">
   Hello, my name is <span style="color: blue;">Bob</span>
   and I have a friend name <span style="color: green;">Joe</span>.
</div>

<div id="mytxt" contenteditable="true">
       Hello, my name is <span style="color: blue;">Bob</span> and I have a friend name <span style="color: green;">Joe</span>.
    </div>

Answer 2

你不能在一个内部做到这一点<textarea>,而不是一个可编辑的.这听起来像是在一个WYSIWYG编辑器之后,其中大多数都使用了<iframe>这样做.

有几个JavaScript选项,仅举几例:

• TinyMCE的
• CKEditor的

Answer 3

我不认为单独使用textarea和html可以做到这一点.你需要的是一个富文本框您可以通过修改iframe 来滚动自己,也可以使用流行的 iframe

当您定位启用html5的浏览器时,您可以使用的其他选项是contentEditable属性.您可以使用它来制作类似文本框的控件