一、定义和用法
1、所有主流浏览器都支持 contenteditable 属性。
2、contenteditable 属性指定元素内容是否可编辑。
3、可以通过innerText和innerHTML获取对应的文本。
二、写法
<div class="aeex_bi_E" ref="aeex_inputArea" contenteditable="true" placeholder="1.支持Word、txt、PDF中的试题，批量复制录入，一次建议200-300题
2.先查看右上角【试题格式案例】，按照格式要求，编辑试题后批量复制
3.试题格式出错时，右侧检查区会出现红色框提示，说明需要修改试题格式" @input="editInputArea"></div>
1、通过css来控制点击区域的显示和隐藏
div[contenteditable]:empty:not(:focus):before {
content: attr(placeholder);
color: #aaa ;
}
2、通过css来显示默认文本
div.aeex_bi_E:empty:before {
content: attr(placeholder);
color: #aaa;
font-size: 14px;
}
三、效果图
截图
网友评论