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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在做后台管理项目的过程中我们少不了和富文本编辑器打交道,以前的项目采用的是ueditor今天咱们不说ueditor...
    读书的鱼阅读 27,287评论 6 9
  • 最简单的使用:https://braft.margox.cn/demos/basic[https://braft....
    家有饿犬和聋猫阅读 9,801评论 1 0
  • react-draft-wysiwygwangeditorslatejsre-editor Unknown Dra...
    纪梦钰阅读 5,059评论 0 3
  • 连着几日高温的烘烤 终于 雨滴嗒嗒的落下 轻风抚了绿叶 萎靡的花儿舒展了腰肢 我干燥的状态也润了 真好 雨一直下 ...
    布之兮阅读 197评论 0 1
  • 记忆 零零散散的,模糊在内心深处 最柔软的角落里 在这里, 家庭教育黄埔四期班上, 被激活了 关于,自卑,刷牙……...
    周方云53阅读 265评论 0 3

友情链接更多精彩内容