美文网首页
React 富文本编辑器

React 富文本编辑器

作者: Volon | 来源:发表于2020-03-26 10:00 被阅读0次

    参考网站: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

    相关文章

      网友评论

          本文标题:React 富文本编辑器

          本文链接:https://www.haomeiwen.com/subject/snequhtx.html