gpt4 book ai didi

javascript - 将字符串传递到 .text() 函数后保留特定的 HTML 标记

转载 作者:行者123 更新时间:2023-11-28 04:54:08 24 4
gpt4 key购买 nike

如果我有以下字符串:

hello



goodbye

我可以将该字符串设置为 div 的内容但保留回车吗?

jQuery('<div class="myTooltip">').text(theString);

Atm, .text() 返回这个:

hello<br> <br> <br> <br> goodbye

由于跨端脚本问题,我无法使用 .html()。

我是否可以在我的字符串上使用一些正则表达式来防止 carraige 返回被转换为文本?

如果不是正则表达式,还有其他选择吗?

最佳答案

可以使用替换来转换'\n''\n\r'带有 '<br />' 的字符

举个例子:

var myString = 'some text \n';
var parsed= myString.replace(/\n\r?/g, '<br />');
console.log(parsed);

完整的例子在这里: http://jsfiddle.net/r6xrf5wh/1/

只需检查“红框”即可看到在输入字段中使用换行符时自动插入的

<!DOCTYPE html>
<html>
<head>
<style>
#result {
width: 200px;
height: 200px;
background-color: red;
}
</style>
<script>
window.parse = function() {
var elm = document.getElementById('test');
var elmText = elm.value;
var parsed= elmText.replace(/\n\r?/g, '<br />');
var elmResult = document.getElementById('result');
elmResult.innerHTML = parsed;
};

</script>

</head>
<body>
<textarea id="test" rows="4" cols="50"></textarea>
<button type="button" onclick="parse()">Click Me!</button>
<div id="result">x</div>
</body>
</html>

关于javascript - 将字符串传递到 .text() 函数后保留特定的 HTML 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26466045/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com