javascript - 你能在 <textarea> 中有一个 html 列表并且它看起来像一个列表吗？

Question

我试过了

<textarea rows="10" columns="2"><li>joe</li><li>jerry</li></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 确实很糟糕，而且与使用纯文本相比，您必须对输入进行更多的清理。此外，规范中没有指定此接口(interface)，因此您将在不同的浏览器中处理不同的接口(interface)。

参见:http://www.jsfiddle.net/yijiang/bN2tm/和 http://html5demos.com/contenteditable