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。