user-modify属性，用来控制用户能否对页面文本进行编辑。与标签的contentEditable属性类似。· -webkit-user-modify: read-only | read-write | read-write-plaintext-only ...
分类：
其他好文 时间：
2017-06-09 15:17:34
阅读次数：
175
需求背景 我们知道可以将div的contenteditable设置伪true，将其变为可输入状态。代码如下： 这样就满足了我们的第一个需求——高度自适应。但是在手机上测试会发现第一个问题，iOS上面无法输入。经过查找资料，发现只需要为其添加如下样式即可: placeholder 通过contente ...
分类：
其他好文 时间：
2017-05-09 17:40:59
阅读次数：
131
今天才知道有这个属性，真是out了。 不过以前一直没做编辑器有关的，毕竟开源的很多。 现在觉得开源的也不是这么好用，自己写写简单的吧 用了 我们就能在这个div内部进行编辑了。 有人要问了，有textarea，还需要这个吗 当然，用它的好处就是能插入标签。 比如说图片和视频标签 配合Jquery的h ...
分类：
其他好文 时间：
2017-04-28 18:28:30
阅读次数：
160
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="app" contenteditable="true"> <span id=" ...
分类：
Web程序 时间：
2017-04-13 21:04:43
阅读次数：
745
最近又在搞一些表格的东西，还要每个格子里面可以编辑的。 可编辑方法 第一种是H5的方法 (可以直接把元素变成可编辑) 1 contenteditable=true 第二种方法替换（把内容替换成input然后替换回去） JQ： 1 $(this).replaceWith('text'); 第三种方法只 ...
分类：
Web程序 时间：
2017-04-07 11:10:59
阅读次数：
233
一般来说，在html里面表单元素是可以编辑的，非表单元素是不能编辑。但其实在html元素里，只要设置2个属性，所有的元素都能进行编辑。 第一个属性contenteditable，这个是设置元素是否能编辑的，true,false. 第二个属性spellcheck，这个是设置能否拼音编辑的，true,f ...
分类：
Web程序 时间：
2017-03-15 12:06:56
阅读次数：
394
在我们使用contenteditable编辑时，有时需要光标位置的信息。 <div contenteditable="true" style="min-height: 200px; width: 100%;-webkit-user-select: auto"></div> <script> if(s ...
分类：
其他好文 时间：
2017-03-07 00:11:26
阅读次数：
222
如果是文本框用onchange,oninput,onpropertychange都可以实时监控值发生变化，但是div设置了属性contenteditable（可编辑文档）就不管用了。 最简单的方法用oninput事件，可惜ie下支持度不好 那么自己实现一个： JQ实现： ...
分类：
其他好文 时间：
2017-02-24 19:15:22
阅读次数：
1134
最近工作中遇到了一个小问题，让我学到了新的标签属性——contenteditable。 我需要实现的是手机端界面，特别简单的一个页面，如下图； 在我脑海里第一时间想到的应该就是一个form表单然后里面包裹着一个textarea标签这么简单吧，心想着这个界面顶多用十分钟就能搞定。 然后打开编辑器我就开 ...
分类：
Web程序 时间：
2017-02-17 23:18:25
阅读次数：
323
html: <div class="editor" contenteditable="true"></div> css: .editor{ width: 580px; height: 65px; border: 0px; outline: 0; //设置边框为0； margin-bottom: 5p ...
分类：
其他好文 时间：
2017-02-15 14:43:15
阅读次数：
194
