cycleccc/wangEditor-for-react

wangEditor v5 React component

wangEditor for React

English documentation

介绍

基于wangEditor 封装的React组件。

安装

1. 安装组件包

yarn add @wangeditor-next/editor-for-react
# 或者npm install @wangeditor-next/editor-for-react --save

2. 安装核心包

yarn add @wangeditor-next/editor

# 或者 npm install @wangeditor-next/editor --save

3. 导入组件

import { Editor, Toolbar } from '@wangeditor-next/editor-for-react'

使用

详情参考wangEditor react使用文档。

在Next.js下使用

import dynamic  from 'next/dynamic'
const WangEditor = dynamic(
  // 引入对应的组件 设置的组件参考上面的wangEditor react使用文档
  () => import('../components/myEditor'),
  {ssr: false}
)

export default function Home() {
  return <WangEditor />
}

使用案例可以参考wangeditorV5-nextjs-demo