码迷,mamicode.com
首页 > 其他好文 > 详细

可编辑文本

时间:2016-03-16 18:54:06      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:

可编辑文本两种方法:

一种是html5的属性 contenteditable 

true 可编辑
flase 不可编辑(默认值)
classname 继承父类

 

 

 

<p contenteditable="true">可编辑文本</p>

二种 css user-modify (只有chrome浏览器支持)

read-only 只可读
read-write 可读写
write-only  只可写(不支持)
read-write-plaintext-only  可读写

 

 

 

 

read-write与read-write-plaintext-only的区别,粘贴副本时,read-write会保留样式(图片,字体大小等),read-write-plaintext-only不保留样式,只是纯文本

代码:

技术分享

 

差异效果图:

技术分享

 

 

总结的有点糙啊,我以后要坚持总结自己学到的东西,哦也,加油

 

技术分享

 

可编辑文本

标签:

原文地址:http://www.cnblogs.com/liulin0524/p/5284427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!