H5富文本编辑器的详细介绍


本文摘自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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...