Question

我正在尝试为textarea中的任何内容设置方法，以便在按钮点击时移动到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);

有没有人有任何想法？任何帮助将非常感激。谢谢！

Answer 1

如果要保留标记，则必须先替换尖括号，然后替换换行符 - http://jsfiddle.net/jayblanchard/2Kg9F/

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