gpt4 book ai didi

javascript - 为什么 jQuery 的 .text() 无法识别\n?

转载 作者:行者123 更新时间:2023-11-28 15:37:54 25 4
gpt4 key购买 nike

我正在尝试在页面上打印 html 文本。现在我正在做

$("#generate_html_button").click(function(){
var generated_html_text = $("#visual_form").html();
$("#generated_html_text").text(generated_html_text);//generated_html_text is just a <div> element
});

如果我将 generated_html_text 打印到控制台,它将看起来像

<div class="dropDown form-group ui-draggable ui-draggable-handle col-xs-12" id="0" style="display: block;">
<div>
<label>dropdown</label>
</div>
<div class="form-group">
<select class="form-control">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
</select>
</div>
</div>

控制台将使用正确的格式。当我使用.text()时要将文本打印到我的页面,它会忽略 \n然后将其打印成一长行。

<div class="dropDown form-group ui-draggable ui-draggable-handle col-xs-12" id="0" style="display: block;"> <div> <label>dropdown</label> </div> <div class="form-group"> <select class="form-control"> <option value="option1">Option 1</option> <option value="option2">Option 2</option> </select> </div> </div>

大多数人建议使用.replace(),但是当我尝试generated_html_text = generated_html_text.replace(/\n/g, '<br/>');时但这会在没有格式的情况下在任何地方使用
产生相同的结果,并且我试图避免 <br> s 在我的输出中。我也尝试过改变.text().html()但它只是渲染元素。为什么 .text() 无法识别现有的 \n

最佳答案

要使空白变得重要,请尝试在容器元素上使用 CSS white-space: pre-wrap

关于javascript - 为什么 jQuery 的 .text() 无法识别\n?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25015548/

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