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

标签 javascript html textarea html-lists

我试过了

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

看看我是否可以将 html 列表放入 <textarea> 中但它只是显示为文本。有什么方法可以将其显示为文本区域内的列表吗?

最佳答案

您不能在 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

关于javascript - 你能在 &lt;textarea&gt; 中有一个 html 列表并且它看起来像一个列表吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4095690/

相关文章:

javascript - 单击时如何突出显示一个句子?

javascript - javascript 第一次未绘制图像

jquery - 我的 Stack Slider 文本变得模糊,导航也没有循环

javascript - 如何使textarea可编辑?

javascript - 在tinymce编辑器中加载html文件作为初始内容

javascript - 如何知道 html 视频开始播放的原因?

javascript - PHP 中的 sin 和 cos 与 Javascript 的区别

javascript - 在 jquery 中的单独文本区域(TinyMce 除外)中加载图像

php - 将时区偏移量转换为名称

javascript - 从该字符串中提取该特定数值的正则表达式是什么?