1.Draftjs 学习笔记

浪漫不属意

于 2016-12-08 15:42:10 发布

阅读量6.6k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： draftjs 文章标签：框架文档

本文链接：https://blog.youkuaiyun.com/ohmyauthentic/article/details/53519299

本文档介绍了如何在Dva-cli搭建的React框架中使用Draftjs进行富文本编辑。首先，通过Dva-cli初始化项目，然后安装draft-js包。在components创建MyEditor组件并配置，最后在IndexPage中引入并启动项目，成功实现Draftjs的基础运行环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前期准备
安装
使用

1.前期准备

为了方便我直接使用的是Dva-cli脚手架搭建的React 框架开始学习，dva是一个还不错的脚手架集成了redux 和 react还是挺不错，具体使用可以查看他的文档
接着我就跟着官网来，因为dva 已经引入了react ，直接加入draftjs即可

2.安装

npm install –save draft-js

3.使用

新建components/MyEditor.js，修改为如下：

import React from 'react';
import {Editor, EditorState} from 'draft-js';

class MyEditor extends React.Component {
   
   
  constructor(props) {
    super(props);

最低0.47元/天解锁文章

200万优质内容无限畅学