Javascript 在一个div中编写HTML标记，在另一个div中查看所见即所得

我正在TextEditor中键入HTML标记，并希望在TextEditorReview中预览它，而不使用任何HTML标记，但由于某些原因，HTML标记出现在TextEditorReview中

$（'#文本编辑器'）.keyup（函数（）{
document.getElementById（“TextEditorReview”）.innerHTML=document.getElementById（“TextEditor”）.innerHTML；
document.getElementById（“TextEditorReview”）.html（）；
});

这是因为当您键入
时，您应该将TextEditor的文本填充到TextEditorReview div

var text = $("#TextEditor").text();
$("#TextEditorPreview").html(text );

例如：


$（'#文本编辑器'）.keyup（函数（）{
var text=$（“#文本编辑器”）.text（）；
$（“#TextEditorReview”）.html（文本）；
});

document.getElementById（“TextEditorReview”）.html（）这是干什么用的？在这个案例中，@NiettheDarkAbsolIn.尝试和错误。你们能用它来代替吗？@X10nD-你们能，但你们必须取消HTML转义。当您想要的是
textarea
行为时，使用contenteditable
div
而不是
textarea
有什么意义？我不想使用textarea，因为这是一个我从头开始编写的文本编辑器。另外，“document.getElementById（“TextEditorPreview”）.innerHTML=document.getElementById（“TextEditor”）.value；”给我一个未定义的提示这可能给你一个提示-@X10nD-更改肯定有效；请参见上面的实时示例。但是如果你想要一个contenteditable
div
，请参见（如果他/她还没有这样做，我会发布这篇文章来回应你的评论）。。这可能会给您一个提示-由于某些原因，它不起作用，它与代码中的TextEditor到TextEditorReview中的标记相同。你的代码运行良好