首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >强制在HTML中的字符串中断行,相当于HTML中的\n

强制在HTML中的字符串中断行,相当于HTML中的\n
EN

Stack Overflow用户
提问于 2014-04-04 21:37:51
回答 2查看 1.3K关注 0票数 0

这是用在一个靴带波波弗。

正在开发的活动页面可以查看这里

这一定很简单,但我哪儿也找不到。在数据内容属性中,我想在“日期评估:10-11月13日”和“结果: CR= .使用BR或P标记不起作用”之间强制段落或行间隔,它显示文字标记。在Javascript中强制行中断,您使用\n在引用字符串中如何在HTML中进行相同的操作?

代码语言:javascript
运行
复制
     <td class="setWidth concat"><div class="boldTitle"><a href="#" 
     class="tip"  rel="popover" data-trigger="hover"  
     data-placement="top" 

     data-content="Date Assessed: 10-Nov-13 <br /> 
     Results: Cr = 2.2 mg/dl" 

        data-original-title="Out of Range">
          <span style="color:red"  
       class="glyphicon glyphicon-warning-sign"></span> &nbsp; Cr = 2.2 mg/dL</a></div></td>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-04-04 22:34:14

参见最后一次更新:引导使您能够指定内容是HTML而不是文本。

这完全取决于bootstrap对popover效果的实现。如果他们使用的是$('.popover').html($(this).data('content')),那么它应该“只起作用”。如果他们首先使用$('.popover').text($(this).data('content'))或以其他方式转义data-attribute的结果,那么可能不会。

如果引导程序的实现没有按照您希望的方式工作,那么编写您自己的javascript来处理您想要的效果可能会得到更好的服务。

有关正确工作的data-attribute中断行的示例,请参阅此小提琴:

http://jsfiddle.net/g32tw/1/

更新:我用第二个链接更新了小提琴,这个链接产生了您正在经历的错误,这很可能是引导程序实现的工作方式。

更新:只是查看了引导程序的文档。您是否尝试过将"data-html" = "true"添加到元素中?

来源:http://getbootstrap.com/javascript/#popovers-usage

注意,如果内容是最终用户提供的,使用html选项可能会使您受到XSS攻击漏洞的影响。如果你相信这些数据,那就没问题了。有关跨站点脚本的信息,请参见https://www.acunetix.com/websitesecurity/cross-site-scripting/

票数 1
EN

Stack Overflow用户

发布于 2014-04-04 21:50:21

我不确定你能不能。您可以尝试有两个数据项:

代码语言:javascript
运行
复制
data-assessdate="Date Assessed: 10-Nov-13" 
data-results="Cr = 2.2 mg/dl" 

然后用Javascript重新组装,然后显示:

代码语言:javascript
运行
复制
var summary = this.dataset;
var newhtml=summary.assessdate . "<br />" . summary.results;

然后将newhtml写入您想要的任何地方的DOM。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22873466

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档