兼容性:所有主流浏览器都支持contentEditable属性
定义:规定元素内容是否可编辑,true为可编辑,false为不可编辑
示例:使用div实现一个textarea
<div className={styles.textarea} contentEditable="true"></div>
.textarea{
width: 300px;
min-height: 50px;
border: 1px solid #ccc;
}
效果:
兼容性:所有主流浏览器都支持contentEditable属性
定义:规定元素内容是否可编辑,true为可编辑,false为不可编辑
示例:使用div实现一个textarea
<div className={styles.textarea} contentEditable="true"></div>
.textarea{
width: 300px;
min-height: 50px;
border: 1px solid #ccc;
}
效果: