设置 React Quill 富文本组件的高度

更新日期: 2021-05-26 阅读次数: 4852 字数: 107 分类: ReactJS

默认在 Ant Design Pro 中使用 React Quill 富文本组件时,并没有默认高度。 看起来不太舒服。所以想加上高度限制:

  • 最低高度限制
  • 最高高度限制

实现

在自定义的 Form 组件目录下,新建一个 css 文件,例如 CreateForm.css.

.ql-editor{
    min-height: 200px;
    max-height: 500px;
}

然后在组件中引入 css 文件即可

import './CreateForm.css';

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式