在TextArea中呈现HTML

Question

在TextArea中呈现HTML我需要能够在TextArea(即<Strong>、<i>、<u>、<a>)中呈现一些HTML标记，但TextArea只将其内容解释为文本。在不依赖外部库/插件(我正在使用jQuery)的情况下，有什么简单的方法可以做到吗？如果没有，您知道我可以使用什么jQuery插件来完成这个任务吗？

Answer 1

对于可编辑的div，您可以使用以下方法document.execCommand (更多细节)以方便地提供对您指定的标记和其他一些功能的支持。

#text {

    width : 500px;

  min-height : 100px;

  border : 2px solid;

}

<div id="text" contenteditable="true"></div>

<button onclick="document.execCommand('bold');">toggle bold</button>

<button onclick="document.execCommand('italic');">toggle italic</button>

<button onclick="document.execCommand('underline');">toggle underline</button>