富文本框

最新推荐文章于 2024-10-08 15:39:12 发布

Yoyo，

最新推荐文章于 2024-10-08 15:39:12 发布

阅读量977

点赞数

分类专栏：组件文章标签： es6 javascript reactjs css html5

本文链接：https://blog.csdn.net/weixin_42115423/article/details/111264058

版权

组件专栏收录该内容

1 篇文章 0 订阅

订阅专栏

@富文本框

欢迎使用react的富文本框

如何使用富文本框的组件

import ‘@re-editor/core/lib/styles/index.css’;
import ReEditor from ‘re-editor’;

render（）{
return（
<Row gutter={[2, 20]}>

<Form.Item label=“内容”>
{getFieldDecorator(‘content’, {
initialValue: edit && JSON.parse(edit.content),
})(<ReEditor
placeholder=“请输入内容”
onImageUpload={this.handleImageUpload}
tools={[
[‘bold’, ‘italic’, ‘underline’, ‘strikethrough’],
[‘orderedlist’, ‘unorderedlist’],
[‘heading’],
[‘align’],
[‘image’, ‘table’, ‘code’],
[‘undo’, ‘redo’],
[‘fullscreen’]
]}
/>)}
</Form.Item>