【问题标题】:How to assign html value to variable using jstl c:set?如何使用jstl c:set将html值分配给变量?
【发布时间】:2015-06-03 09:25:57
【问题描述】:

希望意图没有过度扭曲......

我正在尝试使用 jstl 设置一个带有一些 html 值的变量,然后在引导工具提示中显示它。 html 是静态的并且很短,所以我不想费心将值作为任何 Servlet 的属性发送到 jsp。所以基本上它看起来如下;

<c:set var="passMsg" value="myHtmlString"/>
<div class="form-group">
    <input data-rel="tooltip" data-toggle="tooltip" title="${passMsg}" data-placement="top" class="form-control" name="password" type="password"/>
</div>

我试过这个(哈哈!不是那么直观,但是嘿!这是一个便宜的镜头);

<c:set var="passMsg" value="<p>Passwords must contain <br>at least One Uppercase character <br>& One digit.</p>"/>

...并尝试了 &lt;c:set/&gt; 标签的正文内容;

<c:set var="passMsg">
    <p>Passwords must contain <br>at least One Uppercase character <br>& One digit.</p>
</c:set>

...为了利用 &lt;c:out/&gt; 标签的 XML 转义功能,我也尝试了这个;

<c:set var="passMsg">
    <c:out value="<p>Passwords must contain <br>at least One Uppercase character <br>& One digit.</p>"/>
</c:set>

不幸的是,我的工具提示一直显示带有标签的字符串;

密码必须包含
至少一个大写字符
和一位数字。

而我想要的是它看起来像这样;

密码必须包含
至少一个大写字符
和一位数字。

【问题讨论】:

标签: java html twitter-bootstrap jsp jstl


【解决方案1】:

您需要为工具提示启用html模式:

data-html="true"

the documentation

【讨论】:

  • 感谢您的提示和 +1 文档参考。但是我尝试了这个,仍然没有得到想要的结果。有什么想法为什么?
  • jsfiddle.net/44khF/200:它有效。尝试在工具提示中使用静态 HTML,尝试使用动态 HTML。检查生成的 HTML 代码是否与静态代码相似。
  • 好吧,它工作了...原来我没有添加用于触发工具提示的 javascript,如 $('[data-toggle="tooltip"]').tooltip()...我有点忘记了 Bootstrap 文档说“出于性能原因,工具提示和Popover data-apis 是可选的,这意味着您必须自己初始化它们”...我将此标记为正确答案。
  • 对于一些知识寻求,@JBNizet,你知道为什么显示默认工具提示(并且它没有正确呈现 html)即使我最初没有添加应该触发它?
  • 可能没有显示。你看到的是一个标准的、无样式的原生标题,由浏览器而不是引导程序创建。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-02-25
  • 2021-03-10
  • 2021-09-17
  • 2014-03-04
  • 1970-01-01
相关资源
最近更新 更多