Javascript 是否有一种方法可以使用用户提交的类似contenteditable的textarea值更新DOM？

我只需要DOM中textarea的html标记来反映用户输入的值。（编辑：用户键入一些内容，当您点击“检查元素”时，它会显示出来）

---

contenteditable div工作正常，但现在看来我还是需要一个textarea。有人知道使用javascript或html5执行此操作的方法吗？

这应该可以使用text（）函数从用户输入中转义html：

$('textarea').on( 'blur' , function() 
{
    var textarea = $( this );
    textarea.next('span').text( textarea.val() );
});

使用以下标记：

<textarea></textarea>
<span></span>​

​

此处演示：

编辑：如果要保留换行符，请执行此操作

$('textarea').on( 'blur' , function() 
{
    var textarea = $( this );
    var span = textarea.next('span');

    var content = span.text( textarea.val() ).html();
    var content_with_br = content.replace(/\n\r?/g, "<br />");

    span.html( content_with_br );

});

$（'textarea'）。在（'blur'，function（）上
{
var textarea=$（此值）；
var span=textarea.next（'span'）；
var content=span.text（textarea.val（））.html（）；
var content_为_br=content.replace（/\n\r？/g，“
”）；
html（带有br的内容）；
});

---

这里演示：

我想这样的东西会对你有所帮助。 它使用纯javascript和html5数据值属性：

  <textarea id="myTextArea" onkeyup="this.setAttribute('data-value', this.value);" data-value=""></textarea> 

是否需要删除文本区域并替换为html标记？或者您需要将html放在dom的其他位置吗？不，我只需要更新dom，这样我就可以获取它并将其用于其他用途。当用户在其中键入内容时，普通文本区域不会更新它的html，他键入的任何内容都将丢失。这很接近，但我遇到了换行的问题！