史上最简单 React（reactHooks）+ braft-editor 扩展表格

文先生_

于 2020-07-27 15:16:10 发布

阅读量4.5k

点赞数

文章标签： react

本文链接：https://blog.youkuaiyun.com/weixin_42670455/article/details/107612042

版权

本文档介绍如何在React应用中利用Hooks和Braft-Editor扩展表格功能。通过详细步骤，包括引入相关依赖、编写代码，最终展示实现后的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

衔接上一篇博客进行扩展：点击跳转

一、扩展来源

详情文档：点击跳转

二、引入依赖

yarn add braft-extensions（推荐使用）
或者
npm install --save braft-extensions

三、代码

import React, {useState} from 'react'
import {Button, Divider, Upload} from 'antd'
import {EyeOutlined, FileImageOutlined} from '@ant-design/icons'
import BraftEditor from 'braft-editor'
import {ContentUtils} from 'braft-utils'
import Table from 'braft-extensions/dist/table'

import 'braft-editor/dist/index.css'
import 'braft-extensions/dist/table.css'

// 输出表格默认不带边框，如果需要边框，设置参数exportAttrString为'border="1" style="border-collapse: collapse"'
const options = {
    default