React 富文本編輯器

參考網站:https://braft.margox.cn
GitHub:https://github.com/margox/braft-editor

# Install using yarn
yarn add braft-editor
# Install using npm
npm install braft-editor --save

代碼引入:

import 'braft-editor/dist/index.css'
import React from 'react'
import BraftEditor from 'braft-editor'

export default class PageDemo extends React.Component {

  state = {
    editorState: BraftEditor.createEditorState(null)
  }

  render () {
    return (
      <BraftEditor value={this.state.editorState} onChange={this.handleChange}/>
    )
  }

  handleChange = (editorState) => {
    this.setState({ editorState })
  }

}

模塊配置:
https://braft.margox.cn/demos/basic

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章