Draft.js 编辑器为空

Question

如何测试draftjs编辑器的内容是否为空？

我现在唯一的想法是与此函数返回的对象进行对象比较： EditorState.createEmpty().getCurrentContent()

Answer 1

只需在ContentState上使用hasText函数：

editorState.getCurrentContent().hasText()

Answer 2

export const isEmptyDraftJs = (rawState) => {
  if (!rawState || _.isEmpty(rawState)) { // filter undefined and {}
    return true;
  }
  const contentState = convertFromRaw(rawState);
  return !(contentState.hasText() && (contentState.getPlainText() !== ''));
};

我不确定它是否完美，但我使用了上面的代码。

当你只添加图像时，有一个空格字符，所以getPlainText()只能过滤图像draftJS。

Answer 3

 contentState.hasText() && contentState.getPlainText().length > 0 

检查

• 空的
• 空白