javascript - 如何在textarea中插入文本并转换中的p而不看到其中的html？

Question

我有以下内容，这很好，它确实转换了 <p>标签为 <br>并将整个文本包裹在 <p> 中。但是我看到 html 标签 <p>和<br>在文本区域内，如何只能看到换行符而看不到其中的html标签？

<textarea id ="usp-content"><textarea>

$(blurbt).find('p').each(function(){
   $( this ).replaceWith( $( this ).text() + "<br/>" );
});
$(blurbt).wrapInner("<p></p>");
var pOnly  = $(blurbt).html();
$('#usp-content').text(pOnly);

我只是想粘贴纯文本，同时保持换行符的视觉效果，而不是使用<br>

Answer 1

您不需要使用 contenteditable="true"。

您可以简单地执行以下操作:

将 $('#usp-content').text(pOnly); 更改为:

$('#usp-content').val(pOnly.replace(/<br[\s\/]*>/gm, "\n"));

如果您要将文本区域的内容发送到服务器端并需要 html 标记，则要扭转这种情况，只需使用:

var data = $('#usp-content').val().replace(/\\n/gm, "<br>");