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

Question

我用输入文本区域创建了一个，值将来自数据库。 价值是这样的：从2012年12月12日起，mycompany申请了2年的通知。 我想要一些不同的背景颜色的 2012年12月12日。

注意：值将来自数据库的dinamycally。

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

我该怎么做？谢谢!!

Answer 1

由于<h:inputTextarea生成<textarea

不可能

看看这些类似的问题：

Change the Color Of Certain Words In Textarea using Jquery?

和

color codes in textarea using jquery

您可以使用一些 WYSIWYG文本编辑器

与Primefaes Editor

中使用的一样

或者只是整合一些第三方js WYSIWYG文本编辑器，例如CKEditor或TinyMCE

---

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

Answer 2

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