基于wangEditor 封装的React组件。
- 安装组件包
yarn add @wangeditor/editor-for-react
# 或者npm install @wangeditor/editor-for-react --save
- 安装核心包
yarn add @wangeditor/editor
# 或者 npm install @wangeditor/editor --save- 导入组件
import { Editor, Toolbar } from '@wangeditor/editor-for-react'
详情参考wangEditor react使用文档。
import dynamic from 'next/dynamic' const WangEditor = dynamic( // 引入对应的组件 设置的组件参考上面的wangEditor react使用文档 () => import('../components/myEditor'), {ssr: false} ) export default function Home() { return <WangEditor /> }
使用案例可以参考wangeditorV5-nextjs-demo