Jquery 将textarea值复制到div中，保留换行符和html作为文本_Jquery

Jquery 将textarea值复制到div中，保留换行符和html作为文本

jquery

Jquery 将textarea值复制到div中，保留换行符和html作为文本,jquery,Jquery,我正在努力找到一种方法，让文本区域中的任何内容都可以通过单击按钮移动到div。我正在寻找的一些关键特性是，我希望换行符保持不变，如果用户输入任何类型的html标记，它将以相同的方式交叉显示因此，输入类似这样的内容： <body> <p>blah blah blah</p> <p>more text</p> </body> 废话废话更多文本在div区域仍将保持相同的外观我试过几次，但最近我试过：

我正在努力找到一种方法，让文本区域中的任何内容都可以通过单击按钮移动到div。我正在寻找的一些关键特性是，我希望换行符保持不变，如果用户输入任何类型的html标记，它将以相同的方式交叉显示

因此，输入类似这样的内容：

<body>
    <p>blah blah blah</p>
    <p>more text</p>
</body>


废话废话
更多文本

在div区域仍将保持相同的外观

我试过几次，但最近我试过：

var value = $('#selector-input textarea').val().replace(/\n/g, '<br/>');
$('#selector-canvas #canvas').text(value);

var value=$（“#选择器输入文本区域”）.val（）。替换（/\n/g，
）；
$（“#选择器画布#画布”）.text（值）；

有人有什么想法吗？任何帮助都将不胜感激。谢谢

如果要保留标记，必须先替换尖括号，然后替换换行符-

var value=$（'textarea'）.val（）
.replace（//g'，）
.替换（/\n/g，“
”）；

如果要保留标记，必须先替换尖括号，然后替换换行符-

var value=$（'textarea'）.val（）
.replace（//g'，）
.替换（/\n/g，“
”）；

你能和我们分享一下你的尝试吗？@JayBlanchard-对不起，我完全有这个打算。我想我是想把我的问题说出来。等一下。@JayBlanchard-请看我的update@R.CanserYanbakan-但这似乎对我不起作用。使用该代码并不会使HTML保持可见状态，它只是显示如何在页面上呈现。您可以与我们分享您的尝试吗？@JayBlanchard-抱歉，我完全有此打算。我想我是想把我的问题说出来。等一下。@JayBlanchard-请看我的update@R.CanserYanbakan-但这似乎对我不起作用。使用该代码并不会使HTML保持可见状态，它只是显示了它在页面上的呈现方式。对我来说，像魅惑一样工作，7天后，我终于找到了问题的正确答案。^ ^对我来说，像魅惑一样工作，7天后，我终于找到了问题的正确答案^_^

var value = $('textarea').val()
    .replace(/</g, '&lt;')
    .replace(/>/g,'&gt;')
    .replace(/\n/g, '<br/>');