如何将背景颜色更改为 a:input Textarea 中的特定单词答案

【问题标题】：How to change the background color to perticular word inside a h:inputTextarea如何将背景颜色更改为 a:input Textarea 中的特定单词
【发布时间】：2012-11-01 10:12:08
【问题描述】：

我做了一个输入文本区域，值将来自数据库。价值类似于：mycompany 从 2012 年 12 月 12 日起申请了为期 2 年的通知。我想用一些不同的背景颜色突出 2012 年 12 月 12 日。

注意：值将来自数据库。

<h:inputTextarea cols="60" rows="5" id="messageId" style="margin-top:3px;"
    value="#{messageBean.textMessage}" />

我该怎么做？谢谢！！

【问题讨论】：

标签： jsf

【解决方案1】：

由于<h:inputTextarea 生成<textarea

不可能

看看这个类似的问题：

Change the Color Of Certain Words In Textarea using Jquery?

和

color codes in textarea using jquery

您可以使用一些所见即所得的文本编辑器

就像Primefaes Editor中使用的这个

或者只是集成一些第三方js所见即所得的文本编辑器，如CKEditor或TinyMCE

您还可以从编辑器中删除所有工具栏/按钮，因此它最终看起来几乎像 textarea

【讨论】：

【解决方案2】：

不，这是不可能的。但你可以做一个小把戏。
您可以使用 css 属性 background:transparent; 使您的 <h:inputTextarea 组件透明。然后使用另一个彩色 div 并将其放在要突出显示的单词后面。有时，如果 JSF 没有按照您提供的宽度渲染 div，您可能需要将 display:inline-block; 添加到荧光笔 div。可能还需要一个否定的z-index。

【讨论】：