js编辑器--contenteditable 中的一些坑


1、在contenteditable="true"  中插入contenteditable="false"的元素,如果为其设置css user-select: none;后会导致删除连续的 contenteditable="false" 元素被一次性删除。

eg:编辑器中插入action删除单个导致一串元素被删除。

2、想让 contenteditable 元素粘贴时自动过滤样式可以为元素设置 css 属性 -webkit-user-modify: read-write-plaintext-only方便,这样确实方便,可是会导致元素在contenteditable="false" 状态下也能编辑

3、在contenteditable="true" 中插入 contenteditable="false" 的元素后会导致光标不可见,可以在内容末尾插入一个 br 标签。

eg:文章最后插入标题h2,contenteditable="false,光标不见。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM