如何将一个contenteditable div的内容呈现为另一个元素中的HTML？

Question

在下面的示例中，在contenteditable div中输入HTML应该在#html_view内呈现为HTML，但不是呈现为HTML，而是呈现为文本。

例如：输入以下HTML时，它应该呈现＆＃34; sometext＆＃34;在红色容器内，但字符串按原样传输。

<p style="background-color:red;">sometext</p>

如何在另一个元素中将contenteditable div的内容呈现为HTML？

＆＃13;

＆＃13;

function move_to_the_other_div(el){
	document.getElementById('html_view').innerHTML = el.innerHTML;
}

＆＃13;

#html_view{
  width:300px;
  overflow:hidden;
  border:1px solid gray;
  padding:10px;
  min-height:50px;
}
#code_view{
  width:300px;
  border:1px solid gray;
  padding:10px;
  min-height:50px;
  font-size:18px;
}

＆＃13;

<div id="html_view"></div>
<div contenteditable id="code_view" oninput="move_to_the_other_div(this);" onpaste="move_to_the_other_div(this);"></div>

＆＃13;

＆＃13;

＆＃13;