blocks|key|1836939|text|我不确定你能不能。您可以尝试有两个数据项：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1836940|data-assessdate="Date+Assessed:+10-Nov-13"+
data-results="Cr+=+2.2+mg/dl"+|code-block|syntax|javascript|1836941|然后用Javascript重新组装，然后显示：|1836942|var+summary+=+this.dataset;
var+newhtml=summary.assessdate+.+"<br+/>"+.+summary.results;|1836943|然后将newhtml写入您想要的任何地方的DOM。|offset|length|style|CODE|1836944|entityMap^0|0|0|0|0|3|7|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I am not sure that you can. You could try to have two data items:

<pre><code>data-assessdate="Date Assessed: 10-Nov-13" 
data-results="Cr = 2.2 mg/dl" 
</code></pre>

and reassemble afterward with Javascript before displaying:

<pre><code>var summary = this.dataset;
var newhtml=summary.assessdate . "&lt;br /&gt;" . summary.results;
</code></pre>

and then write <code>newhtml</code> to the DOM where ever you want.

blocks|key|2115464|text|参见最后一次更新:引导使您能够指定内容是HTML而不是文本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2115465|这完全取决于bootstrap对popover效果的实现。如果他们使用的是$('.popover').html($(this).data('content'))，那么它应该“只起作用”。如果他们首先使用$('.popover').text($(this).data('content'))或以其他方式转义data-attribute的结果，那么可能不会。|offset|length|style|CODE|2115466|如果引导程序的实现没有按照您希望的方式工作，那么编写您自己的javascript来处理您想要的效果可能会得到更好的服务。|2115467|有关正确工作的data-attribute中断行的示例，请参阅此小提琴：|2115468|http://jsfiddle.net/g32tw/1/|2115469|更新:我用第二个链接更新了小提琴，这个链接产生了您正在经历的错误，这很可能是引导程序实现的工作方式。|2115470|更新:只是查看了引导程序的文档。您是否尝试过将"data-html"+=+"true"添加到元素中？|2115471|来源：http://getbootstrap.com/javascript/#popovers-usage|2115472|注意，如果内容是最终用户提供的，使用html选项可能会使您受到XSS攻击漏洞的影响。如果你相信这些数据，那就没问题了。有关跨站点脚本的信息，请参见https://www.acunetix.com/websitesecurity/cross-site-scripting/。|2115473|entityMap|0|LINK|mutability|MUTABLE|url|1|http://getbootstrap.com/javascript/#popovers-usage|2|https://www.acunetix.com/websitesecurity/cross-site-scripting/^0|0|11|17|2T|17|48|E|0|0|7|E|0|0|S|0|0|0|N|K|0|3|1E|1|0|I|4|21|1Q|2|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|17|8|@$D|18|E|19|F|G]|$D|1A|E|1B|F|G]|$D|1C|E|1D|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1E|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1F|8|@$D|1G|E|1H|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|1I|8|@]|9|@$D|1J|E|1K|1|1L]]|A|$]]|$1|N|3|O|5|6|7|1M|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1N|8|@$D|1O|E|1P|F|G]]|9|@]|A|$]]|$1|R|3|S|5|6|7|1Q|8|@]|9|@$D|1R|E|1S|1|1T]]|A|$]]|$1|T|3|U|5|6|7|1U|8|@$D|1V|E|1W|F|G]]|9|@$D|1X|E|1Y|1|1Z]]|A|$]]|$1|V|3|-4|5|6|7|20|8|@]|9|@]|A|$]]]|W|$X|$5|Y|Z|10|A|$11|M]]|12|$5|Y|Z|10|A|$11|13]]|14|$5|Y|Z|10|A|$11|15]]]]

See last update: Bootstrap gives you ability to specify that the content is HTML instead of text.

It depends entirely on bootstrap's implementation of the popover effect. If they are using <code>$('.popover').html($(this).data('content'))</code> then it should "just work". If they are using <code>$('.popover').text($(this).data('content'))</code> or otherwise escaping the results of the <code>data-attribute</code> first, then it probably won't.

If bootstrap's implementation isn't working the way you want it to work, you might be served better by writing your own javascript to handle the effect you're looking for.

See this fiddle for an example of a line break from a <code>data-attribute</code> working correctly:

<a href="http://jsfiddle.net/g32tw/1/" rel="nofollow">http://jsfiddle.net/g32tw/1/</a>

Update: I've updated the fiddle with a second link that produces the error you're experiencing, which is likely how bootstrap's implementation works.

UPDATE: just looked at bootstrap's documentation. Have you tried adding <code>"data-html" = "true"</code> to the element?

Source: <a href="http://getbootstrap.com/javascript/#popovers-usage" rel="nofollow">http://getbootstrap.com/javascript/#popovers-usage</a>

Watch out with this - if the content is end-user-supplied using the <code>html</code> option might subject you to XSS attack vulnerabilities. If you trust the data it's fine. See <a href="https://www.acunetix.com/websitesecurity/cross-site-scripting/" rel="nofollow">https://www.acunetix.com/websitesecurity/cross-site-scripting/</a> for information about cross-site scripting.

This is being used in a Bootstrap Popover.

The live page under development can be viewed <a href="http://triplewww.com/cm/bs/cover.html" rel="nofollow">here</a>

This is got to be simple but I can't find it anywhere. Within data-content attribute I want to force a paragraph or line break between "Date Assessed: 10-Nov-13 and Results: CR= ... 
Using a BR or P tag doesn't work it shows the literal tag. In Javascript to force a line break you use \n how do you do the same in HTML within a quoted string?

<pre><code> &lt;td class="setWidth concat"&gt;&lt;div class="boldTitle"&gt;&lt;a href="#" 
 class="tip" rel="popover" data-trigger="hover" 
 data-placement="top" 

 data-content="Date Assessed: 10-Nov-13 &lt;br /&gt; 
 Results: Cr = 2.2 mg/dl" 

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

Forcing a line break in a string in HTML, Equivalent to \n in HTML

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

这是用在一个靴带波波弗。正在开发的活动页面可以查看。这一定很简单，但我哪儿也找不到。在数据内容属性中，我想在“日期评估:10-11月13日”和“结果: CR= .使用BR或P标记不起作用”之间强制段落或行间隔，它显示文字标记。在Javascript中强制行中断，您使用\n在引用字符串中如何在HTML中进行相同的操作？ ...

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

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问强制在HTML中的字符串中断行，相当于HTML中的\nEN