JSF：在页面或模板内动态注入html组件和脚本

Question

我正在尝试开发这样的东西：

在经过管理的bean中，存在以有效HTML方式编写的String属性，即：

字符串脚本=“ alert（\” hello !!!!! \“）;”;

字符串div =“你好！”

这些字段的目的是将html组件动态地放置到.xhtml文件中。但是，如果正常访问这些字段，似乎它们只是作为文本添加到页面中。无论如何，我能实现这些吗？

另外，由于这些字段的实际内容可能非常复杂，并且设计是动态的，因此不能选择仅将组件放在.xhtml中。

Answer 1

您可以<h:outputText>与一起使用escape="false"。这样，生成的内容将是html代码，而不仅仅是文本。

例如，myBean使用以下代码作为托管bean，

String div = "<div>Hello World</div>";

在您的中.xhtml，您将写道：

<h:outputText value="#{myBean.div}" escape="false" />

这将导致<div>Hello World</div>被注入为html代码的一部分，换句话说，<div>将识别标签。

同样，javaScript代码也可以被模拟，例如，

String scriptCode = "<script>function alertHello(){alert('Hello World')}</script>";

在您的中.xhtml，您将写道：

<h:outputText value="#{myBean.scriptCode}" escape="false" />