textarea不解析html 使用div替代textarea实现相同效果

苏建报 代码分享, 网站建设 154 次浏览 , , , 没有评论

有时候在展示一段文字,我们不希望占用太多的空间,这时候自然就想到了textarea。但是textarea只是展示纯文本 ,不给与解析textarea文本框内的html代码。这样我们可以使用div来实现textarea的相同效果。

1
2
3
4
<div style="width: 98%; min-height: 120px; max-height: 300px; margin-left: auto; margin-right: auto; padding: 3px; outline: 0; border: 1px solid #a0b3d6; font-size: 12px; line-height: 24px; word-wrap: break-word; overflow-x: hidden; overflow-y: auto; border-color: rgba(82, 168, 236, 0.8); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);background-color: rgba(222, 237, 242, 0.89);" contenteditable="true">
 // 填充html标签
 // contenteditable 元素是否可以编辑 true为可编辑</div>

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go