- 安裝 react-quill
npm i react-quill
- 導(dǎo)入編輯器組件和配套樣式文件
import ReactQuill from 'react-quill'
import 'react-quill/dist/quill.snow.css'
- 渲染編輯器組件
<ReactQuill className='publish-quill' theme='snow' placeholder='請輸入文章內(nèi)容' />
- 調(diào)整樣式
.publish-quill {
.ql-editor {
min-height: 300px;
}
}
-
效果
image.png
