你能在<textarea>中找到一个html列表，看起来像一个列表吗？</textarea>

Question

我试过

<textarea rows="10" columns="2"><li>joe</li><li>jerry</li></textarea>

看看我是否可以在<textarea>中放置一个html列表，但它只显示为文本。有没有办法将它显示为textarea中的列表？

Answer 1

您不能在textarea内部使用HTML - 它仅适用于纯文本。但是，您可以尝试使用contentEditable。结果不是很好，但你判断你是否想要使用它。只需使用以下内容：

<div class="editable" contenteditable="true">
    <ul>
        <li>List item</li>
        <li>List item</li>
    </ul>
</div>

这种方法存在的问题是很难预测浏览器会产生什么样的HTML，而且制作的一些HTML真的很残忍，而且你需要比使用纯文本更多地清理输入。此外，规范中未指定此接口，因此您将在不同的浏览器中处理不同的接口。

请参阅：http://www.jsfiddle.net/yijiang/bN2tm/和http://html5demos.com/contenteditable

Answer 2

这是不可能的。

textarea用于显示和编辑文本，而不是HTML。

Answer 3

不可能将您的HTML放在<textarea>内呈现为HTML。

如果您希望用户能够编辑和修改列表内容，您可以尝试使用WIMIWYG HTML编辑器，例如FCKEditor或TinyMCE。

如果您只想要列表功能而不需要其他富文本编辑器功能，那就有点过分了，但是这两个编辑器都可以完全自定义并进行精简。请查看名为“Custom Toobar”的FCKEditor demo作为示例。