踩坑---使用Draft.js进行开发富文本编辑器

又来了

draft-js官方文档

Github 上 awesome-draft-js

https://www.draft-js-plugins.com/plugin/image

先整理一下链接   如下

首推这篇文章,demo内容覆盖很全,感觉是个大佬基于Draft.js自定义富文本编辑器

draft.js:不要使用redux来管理editorState

draft.js:让光标显示在最后面

draft.js:内容清空之后,光标的位置会错乱

draft.js:如何改变 draft.js 编辑框的高度

draft.js:getPlainText 对换行符的修改 (填坑篇)

draft.js:onChange改装,判断文字内容是否修改

draft.js--富文本编辑器框架的实践(一)

draft.js--富文本编辑器框架的实践(二)

原 1.Draftjs 学习笔记
原 2.Draftjs 学习笔记-Rich Styling
原 3.Draftjs 学习笔记-Entities
原 4.Draftjs 学习笔记-Decorators
原 5.Draftjs 学习笔记-自定义控件(多媒体)
原 6.Draftjs 学习笔记-聊聊自定义样式
原 7.Draftjs 学习笔记-StateToHtml

Draftjs中文翻译1 - 概观
Draftjs中文翻译2 - API Basics API基础
Draftjs中文翻译3 - Rich Styling丰富的造型
Draftjs中文翻译4- 实体
Draftjs中文翻译5 - v0.10 API迁移

Draft.js文档
使用 Draft.js 来构建一个现代化的编辑器
draft.js在知乎的实践
基于Draft.js自定义富文本编辑器

基于Draftjs实现的Electron富文本聊天输入框
基于Draftjs实现的Electron富文本聊天输入框(一) —— 群@功能
基于Draftjs实现的Electron富文本聊天输入框(二) —— 图文输入
基于Draftjs实现的Electron富文本聊天输入框(三) —— Emoji
基于Draftjs实现的Electron富文本聊天输入框(四) —— 自定义快捷键
基于Draftjs实现的Electron富文本聊天输入框(五) —— 问题总结与解决

在Draft.js中插入图片时,会产生空行,百度不到答案,还是需要Stack Overflow啊

How to properly add image (atomic) without 2 empty lines in Draft.js

完美解决问题!
还有下一个问题:光标位置错乱 待解决!!!

你可能感兴趣的:(踩坑---使用Draft.js进行开发富文本编辑器)