jquery - 将文本区域值复制到 div 中,保留换行符和 html 作为文本

标签 jquery

我正在努力尝试找到一种方法,让文本区域中的任何内容在单击按钮时移动到 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);

有人有什么想法吗?任何帮助将非常感激。谢谢!

最佳答案

如果你想保留标签,你必须首先替换尖括号,然后替换换行符 - http://jsfiddle.net/jayblanchard/2Kg9F/

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

关于jquery - 将文本区域值复制到 div 中,保留换行符和 html 作为文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24120797/

相关文章:

javascript - 通过 jQuery 重置联系表单的问题

javascript - 为什么 $(someElement).height() 永远不会为我正确计算高度?

jquery - Select2 v4 无法使用 Tab 键进入,按 Enter 键,然后选择,使用 Firefox(又称无鼠标访问)

jquery - 根据缩略图点击更改主图像 src 属性

javascript - 从ajax数据设置App

jquery - 如何使用左大括号和右大括号推送值

javascript - 使用 Carrierwave 上传前预览图像

javascript - 在 Jquery 中选择 nth-child 并且条件格式不起作用

javascript - 如何在 Rails 中的页面重新加载时停止重新启动计时器?

javascript - 如何使用jquery自动点击表单中的保存按钮