在javascript中显示带标记的字符串

我有一个以下格式的字符串：

" Data\r\n  more data <DIV> "

我想精确显示这个字符串，包括前导空格和换行符

" Data
   more data <DIV> "

我目前正在使用jquery显示这样的内容

$("<small class='text-success'></small>").text(theString)

这很好地编码了要显示的任何HTML元素，但不适用于前导空格或换行符

" Data
   more data <DIV> "

我尝试用不间断的空格替换空格，但是text方法也对其进行了编码

有没有一种不用手动编码整个字符串的方法

这很好地编码了要显示的任何HTML元素，但不适用于前导空格或换行符

" Data
   more data <DIV> "

要做到这一点，您需要将CSS属性与值pre、preline或pre wrap一起使用，但可能只是pre。理想情况下，通过为其提供一个应用样式的类来实现：

CSS:

.预先格式化{ 空白：预处理； } 然后

$.text字符串 例如：

var theString=Data\r\n更多数据； $.text字符串.appendTodocument.body； .预先格式化{ 空白：预处理； }

---

可以使用模板文字按原样使用精确字符串

var string= `Data
             more data <DIV>`;

---

您可以尝试用替换\r\n。这应该可以很好地工作。

这是正确的，我将小元素更改为pre，不需要空格属性