JSF:在页面或模板中动态注入html组件和脚本
JSF: Dynamically inject html components and scripts inside a page or template
我正在尝试开发这样的东西:
在托管bean中,有一些字符串属性是以有效的HTML方式编写的,例如:
String script = "alert('"hello!!!!!'");";
Stringdiv = "Hello!"
这些字段的目的是动态地将html组件放到.xhtml文件中。但是如果这些字段是正常访问的,那么它们似乎只是作为文本添加到页面上。我有办法实现这些吗?
此外,由于这些字段的实际内容可能相当复杂,并且设计是动态的,因此仅将组件放在.xhtml中不是一个选项。
可以同时使用<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" />
相关文章:
- 当从Chrome扩展动态注入JS时,从onload()内部调用方法
- 性能:动态脚本注入与服务器渲染脚本
- 动态注入javascript文件-为什么大多数示例都附加到头上
- chrome扩展在加载dom之前注入动态css
- 如何将动态html与注入角度引导popover的指令一起使用
- 动态注入SVG过滤器并应用于HTML
- 在JavaScript中,如何等待动态注入的脚本在开始使用之前加载
- 如何检测何时使用javascript动态注入了多个样式表
- 按下按钮时动态注入脚本
- Angular ui-router 解析中的动态依赖注入
- 动态注入时保存文本区域值的夏季注释问题
- jQuery文档是否准备好等待通过Backbone动态注入的html元素
- 在 Angular 中动态注入依赖模块
- 在通过AJAX加载的DOM中运行动态注入的javascript(尝试使用历史记录ajax化网站.js)
- 有没有办法将 css 文件或 javascript 文件动态注入 HTML 文档的 head 标签中
- 如何将外部输入动态注入 SlimerJS 脚本
- 如何将数据库中的 html 标签注入到我的指令的模板中,实际上是动态定义模板的根元素/标签
- 使用DOM注入动态预取资源是否有效或有意义
- 向文档注入动态CSS
- 注入动态脚本,每个选项卡onLoad在Safari扩展