Braft Editor
1.安装和使用:
# 使用npm安装
npm install braft-editor --save
# 使用yarn安装
yarn add braft-editor
2.使用:
编辑器支持value和onChange属性,这类似于React中原生的input组件。通常情况下,可以用典型的受控组件的形式来使用本编辑器:
import React from 'react'
// 引入编辑器组件
import BraftEditor from 'braft-editor'
// 引入编辑器样式
import 'braft-editor/dist/index.css'
组件中先引入antd的form表单
<Form
form={form}
labelAlign="left"
name="idea"
onFinish={onFinish}
onFinishFailed={onFinishFailed}
{...layout}
initialValues={
{
ideaDetails: BraftEditor.createEditorState(modalValue.ideaIntroduction),
}}
>
<Item label='想法详细' name='ideaDetails' rules={[{ required: true, message: '请输入想法详细!' }]}>