本文摘自PHP中文网,作者零下一度,侵删。
使用H5的全局属性contenteditable可以让DOM元素及其子元素变的可编辑1 2 | <div contenteditable id= "editor" >
</div>
|
样式代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | html,
body {
overflow: hidden;
width: 100%;
height: 100%;
}* {
margin: 0;
padding: 0;
}
#editor {
width: 100%;
height: 100%;
outline: none;
padding-left: 15px;
}
|
* chrome 49下测试有效
阅读剩余部分
相关阅读 >>
jquery三大版本之间有什么区别?
jquery如何进行字母大小写转换?
详解dom事件流的三个阶段
微信小程序 拓展接口
微信小程序 扩展组件仿微信表情组件
js箭头函数和普通函数的区别
css怎么去掉a的下划线
html5在canvas中实现自定义路径动画详解
实现promise的手把手教程
bootstrap中fonts怎么引用
更多相关阅读请进入《JavaScript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » H5富文本编辑器的详细介绍