可编辑文本

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了可编辑文本相关的知识,希望对你有一定的参考价值。

可编辑文本两种方法:

一种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不保留样式,只是纯文本

代码:

技术分享

 

差异效果图:

技术分享

 

 

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

 

技术分享

 

以上是关于可编辑文本的主要内容,如果未能解决你的问题,请参考以下文章

Atom编辑器入门到精通 Atom使用进阶

Atom编辑器入门到精通 Atom使用进阶

;~ 小部分AutoHotkey源代码片段测试模板2019年10月9日.ahk

通过 id 从片段获取编辑文本到其托管活动

Atom编辑器入门到精通 Atom使用进阶

从父活动android获取片段编辑文本值