如何在HTML工具提示中添加换行符?
我尝试在工具提示中使用<br/>和\n，如下所示:
<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>
然而，这是无用的，我可以在工具提示中看到文字<br/>和\n。任何建议都会很有帮助。
当前回答
javascript版本
因为& # 013;(html)是0D(十六进制)，这可以表示为'\u000d'
str = str.replace(/\n/g, '\u000d');
此外,
与大家分享一个AngularJS过滤器，它将\n替换为该字符，这要感谢其他答案中的引用
app.filter('titleLineBreaker', function () {
return function (str) {
if (!str) {
return str;
}
return str.replace(/\n/g, '\u000d');
};
});
使用
<div title="{{ message | titleLineBreaker }}"> </div>
其他回答
如果你使用的是Jquery Tooltip工具，那么在“Jquery -ui.js”Javascript文件中找到以下文本:
tooltip.find(".ui-tooltip-content").html(content);
放在上面
content=content.replace(/\</g,'<').replace(/\>/g,'>');
我希望这对你也有用。
javascript版本
因为& # 013;(html)是0D(十六进制)，这可以表示为'\u000d'
str = str.replace(/\n/g, '\u000d');
此外,
与大家分享一个AngularJS过滤器，它将\n替换为该字符，这要感谢其他答案中的引用
app.filter('titleLineBreaker', function () {
return function (str) {
if (!str) {
return str;
}
return str.replace(/\n/g, '\u000d');
};
});
使用
<div title="{{ message | titleLineBreaker }}"> </div>
只需在脚本中添加以下代码片段:
$(function () {
$('[data-toggle="tooltip"]').tooltip()
});
当然如上所述，data-html的答案应该是“真”。这将允许您在title属性的值内使用html标记和格式。
& lt; br /比;如果你在使用qTip，你做了什么工作
在文本之间给出\n。它适用于所有浏览器。
Example
img.tooltip= " Your Text : \n"
img.tooltip += " Your text \n";
这将为我工作，它在后面的代码中使用。
希望这对你有用
