Draft 文件翻譯 - 快速開始 - 概念

概觀

Draft.js是在React中構建豐富的文字編輯器的框架，由不可變模型提供支援，並且提取跨瀏覽器的差異。

Draft.js可以輕鬆構建任何型別的富文字輸入，無論您只是想支援一些內聯文字樣式，還是構建一個複雜的文字編輯器來構成長篇文章。

安裝

Darft.js 透過npm安裝。它依賴於 React React-dom

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

Darft.js是使用新版本的ECMAScript編寫的，原生不支援IE11,你可以透過 babel-polyfill 來進行轉碼

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

API變更通知

開始之前，請注意，我們最近在 Draft 中更改了實體儲存的API。
最新版本v0.10.0支援舊的和新的API。 接下來將是v0.11.0，這將刪除舊的API。
如果您有興趣幫助或跟蹤進度，請按照問題839。

用法

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

class MyEditor extends React.Component {
  constructor(props) {
    super(props);
    this.state = {editorState: EditorState.createEmpty()};
    this.onChange = (editorState) => this.setState({editorState});
  }
  render() {
    return (
        
    );
  }
}

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

由於Draft.js支援unicode，您必須在HTML檔案的

head>塊中包含以下元標記：

渲染編輯器時應包含Draft.css。 瞭解更多關於為什麼。

接下來，我們來介紹API的基礎知識，並瞭解您可以用Draft.js做些什麼。

由於本人英語及語文都不是很好，翻譯基本都是google翻譯+自己的理解翻譯出來的。有很多地方翻譯不好和理解不好的地方請同學們幫忙指出，謝謝。