如何检查富文本编辑器内容是否为空？

Question

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

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

I use Quill (with React, Express JS, MongoDB) and I want to somehow prevent storing the empty value in the database.

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

问题：

<p>                     </p>

甚至更糟

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

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

请打开这个codesandbox，输入一串空格，然后点击按钮。打开控制台，你会看到编辑器的输出。

codesandbox: https://dxqhq.codesandbox.io/

非常感谢

Answer 1

据我了解，您只想保存包含文本的用户输入所以你必须从 HTML 中清除用户输入，然后检查输出长度

var regex = /(<([^>]+)>)/ig
body = "<p>test</p>"
hasText = !!body.replace(regex, "").length;
if(hasText) save()

Answer 2

这对我有用，所以它不会转义图像。

function isQuillEmpty(value: string) {
   if (value.replace(/<(.|\n)*?>/g, '').trim().length === 0 && !value.includes("<img")) {
      return true;
    }
      return false;
    }

如何检查富文本编辑器内容是否为空？

How to check if rich text editor content is empty?

javascript

reactjs

express

rich-text-editor

quill