Draft.js一个用React实现的富文本编辑器

Posted 凯凯而谈

tags:

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

Draft.js是一个用React实现的富文本编辑器。由facebook出品。

Draft.js可以很容易的构建任何富文本的输入,甚至是多行的文本样式或者是复杂结构的文章。

在Draft.js的世界里,任何都是可定制的-提供可构建的区块来达到自定义的控制用户交互。


安装:

npm install --save draft-js react react-dom

使用:


特性一览:

  • 实体

  • 装饰

  • 按键绑定

  • 焦点控制

  • 区块样式

  • 自定义区块组件

  • 复杂行内样式

  • 嵌入列表

  • 文本方向

  • 常见问题

API索引:

  • 编辑组件

  • 编辑状态

  • 内容状态

  • 内容区块

  • 字符元数据

  • 实体

  • 选择状态

  • 数据会话

  • 修改器


推荐阅读:








以上是关于Draft.js一个用React实现的富文本编辑器的主要内容,如果未能解决你的问题,请参考以下文章

Draft.js在后台系统的应用实践

react-draft-wysiwyg富文本编辑器使用心得

完全可定制的富文本编辑框架——Slate.js

React工作记录二十九react中使用的富文本编辑器braft-editor使用

在firebase中存储富文本

一款开源的 Web 富文本编辑器