Question

＆lt; p＆gt;我正在创建一个友好的cms，我想在＆lt; code＆gt;＆lt; textarea＆gt;＆lt; / code＆gt;中使用多种颜色元件。我非常需要这个，并且无法提出解决方案。＆lt; / p＆gt; ＆lt; p＆gt;我需要3种颜色，一种是标签a.k.a. red＆lt; code＆gt;＆lt; title＆gt;＆lt; / code＆gt ;,第二种颜色是atributes aka class =＆＃34; myclass＆＃34;第三个用于其他 - 标签之间的文本。最佳解决方案是对所有文本使用黑色，对标签和属性使用背景颜色。任何提示？＆lt; / p＆gt; ＆lt; p＆gt;与contenteditable atribute的区别在于我想显示带有我定义的类的IN HTML ONLY标签，例如红色：＆lt; / p＆gt; ＆LT;预＆GT;＆LT;代码＆GT;＆LT;风格＆GT; span.red {颜色：红; } / *因为在SO中这看起来不太好，在这里使用内联css，留下完整的* / ＆LT; /风格＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;我想显示这个：＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt;＆lt; div id =＆＃34; textarea＆＃34; CONTENTEDITABLE＆GT; ＆LT; H1＆GT;标题＆LT; / H1＆GT; ＆lt; strong＆gt; hi hi＆lt; / strong＆gt; ＆LT; / DIV＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt; ...如下所示：＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt;＆lt; div id =＆＃34; textarea＆＃34; CONTENTEDITABLE＆GT; ＆lt; span class =＆＃34; red＆＃34; style =＆＃34; color：red;＆＃34;＆gt;＆amp; lt; h1＆amp; gt;＆lt; / span＆gt; title＆lt; span class =＆＃34; red＆＃34; style =＆＃34; color：red;＆＃34;＆gt;＆amp; lt; / h1＆amp; gt;＆lt; / span＆gt; ＆lt; span class =＆＃34; red＆＃34; style =＆＃34; color：red;＆＃34;＆gt;＆amp; lt; strong＆amp; gt;＆lt; / span＆gt; hi hi＆lt; span class =＆＃34; red＆＃34; style =＆＃34; color：red;＆＃34;＆gt;＆amp; lt; / strong＆amp; gt;＆lt; / span＆gt; ＆LT; / DIV＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;我不知道这是否是一个PHP解析器问题，或者它是否可以更简单地解决，甚至在html中解决（定义异常;-) ... fantasizing）。我有一种预感，我可以在htmlentities（）的帮助下做到这一点，但是对于如何做到这一点却有一个最微妙的想法。＆lt; / p＆gt;

Answer 1

您可以使用渐变为textarea设置多种颜色

textarea {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(270deg, rgb(255, 255, 255) 75%, rgb(230, 230, 230) 100%);
    background: -webkit-linear-gradient(270deg, rgb(255, 255, 255) 75%, rgb(230, 230, 230) 100%);
    background: -o-linear-gradient(270deg, rgb(255, 255, 255) 75%, rgb(230, 230, 230) 100%);
    background: -ms-linear-gradient(270deg, rgb(255, 255, 255) 75%, rgb(230, 230, 230) 100%);
    background: linear-gradient(270deg, rgb(255, 255, 255) 75%, rgb(230, 230, 230) 100%);
}

Answer 2

您可以使用库将用户输入突出显示为html。

例如：

http://ace.c9.io/#nav=about

http://codemirror.net/demo/tern.html

他们的工作基于满足的要素。在textarea你不能有多种颜色。

是否可以在html <textarea>元素中包含多种颜色

2 个答案: