在TextArea中呈现HTML

Question

在TextArea中呈现HTML

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

Answer 1

对于可编辑的div，您可以使用以下方法document.execCommand&nbsp;(更多细节)以方便地提供对您指定的标记和其他一些功能的支持。#text {&nbsp; &nbsp; width : 500px;&nbsp; min-height : 100px;&nbsp; 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>