Draft.js - React.js 开源富文本编辑器

5,715 阅读1分钟
原文链接: facebook.github.io

Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences.

Draft.js makes it easy to build any type of rich text input, whether you're just looking to support a few inline text styles or building a complex text editor for composing long-form articles.

Installation #

Currently Draft.js is distributed via npm. It depends on React and React DOM which must also be installed.

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

Usage #

import React from 'react';
import ReactDOM from 'react-dom';
import {Editor} from 'draft-js';

const MyEditor = React.createClass({
  onChange(editorState) {
    this.setState({editorState});
  },
  render() {
    const {editorState} = this.state;
    return ;
  }
});

ReactDOM.render(
  ,
  document.getElementById('container')
);

Next, let's go into the basics of the API and learn what else you can do with Draft.js.