小编Ara*_*ras的帖子

我有一个包含帖子的博客。我还有一个富文本编辑器（Quill）。

是否可以检查富文本编辑器是否有空内容？

我使用 Quill（与 React、Express JS、MongoDB），并且我想以某种方式防止在数据库中存储空值。

问题是，如果我在编辑器中添加空格，Quill将会生成空段落。所以没有内容只有空段落。使用普通输入字段，我可以检查空字符串，但如果我有富文本编辑器怎么办？

问题：

<p>                     </p>

甚至更糟

<p>                            </p><p><br></p><p><br></p><p>       </p>

我真的不想将其保存到数据库中。因为我不想有空帖子。我该如何解决这个问题？可以以某种方式检查空段落的解决方案吗？...但是标签呢<br>？

请打开此代码和框，然后输入一堆空格，然后单击按钮。打开控制台，您将看到编辑器的输出。

代码沙盒： https: //dxqhq.codesandbox.io/

非常感谢

我有一张显示产品详细信息的产品卡。在底部，有一个 'edit' button。当clicked它显示带有预填充input字段的模式时，可以对其进行编辑然后保存。Modal 也可以在不保存的情况下关闭（但输入字段已编辑）。

我的问题是，当用户编辑字段，然后关闭模式（不保存），然后再次打开时，字段未设置为初始值，但显示已更改。

我尝试了一个具有初始状态的变量，然后在关闭用它填充状态后，但它没有用。也试图对裁判做出反应，没有快乐。

import React, { Component } from 'react'
import Modal from 'react-modal';

const customStyles = {
...
};

Modal.setAppElement('#root');

class AdminButtons extends Component {

    state = {
        modalIsOpen: false,
    }

    componentDidMount() {
        const { id, inStock, name, price, type } = this.props.product
        this.setState({ id, inStock, name, price, type })
    }

    openModal = () => {
        this.setState({ modalIsOpen: true });
    }

    afterOpenModal = () => {
        ...
    }

    closeModal …