Как проверить, пусто ли содержимое текстового редактора? - PullRequest
Новая
       52

Как проверить, пусто ли содержимое текстового редактора?

0 голосов
/ 15 апреля 2020

У меня есть блог с постами. У меня также есть текстовый редактор ( Quill ).

Можно ли проверить, имеет ли текстовый редактор пустой контент?

Я использую Quill (с React, Express JS, MongoDB) и хочу как-то предотвратить сохранение пустого значения в базе данных.

Проблема в том случае, если я добавлю пробелы в редактор, Quill будет генерировать пустые абзацы. Так что без контента только пустые абзацы. С помощью обычного поля ввода я могу проверить наличие пустой строки, но что, если у меня есть текстовый редактор?

Проблема: 

<p>                     </p>

или даже хуже 

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

Я не хочу сохранять это в базе данных. Потому что я не хочу пустых постов. Как я могу решить эту проблему? Может быть решением как-то проверить наличие пустого абзаца? .. а как насчет тега <br>?

Пожалуйста, откройте эту кодовую строку и просто введите несколько пробелов и нажмите на кнопку. Откройте консоль, и вы увидите вывод редактора.

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

Большое спасибо

1 Ответ

0 голосов
/ 15 апреля 2020

как я понимаю, вы хотите сохранить ввод пользователя только в том случае, если он содержит текст, поэтому вы должны очистить ввод пользователя от HTML, а затем проверить длину вывода 

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