反应草稿所见即所得不在下一个 js 中显示样式

Question

所以html是这样的：

<p><span style="color: rgb(250,197,28);font-size: 96px;">Hello</span><span style="font-size: 96px;"> </span><span style="color: rgb(251,160,38);font-size: 96px;">World</span></p>

我用内容创建的文本编辑器是这样的

useEffect(() => {
    if (content !== "") {
      console.log(content);
      const contentBlock = convertFromHTML(content);
      const contentState = ContentState.createFromBlockArray(
        contentBlock.contentBlocks
      );
      const editorState = EditorState.createWithContent(contentState);

      setEditorState(editorState);
    }
  }, []);

因此，即使它们存在并且具有正确的语法并且应该生成内联样式，也不会生成内联样式，但是这段代码是否有问题，或者如果有帮助，我正在使用下一个 js 12

Answer 1

简单地传递 contentBlock 就可以了。如下使用：

const contentBlock = convertFromHTML(content);    
const contentState = ContentState.createFromBlockArray(contentBlock);
const editorState = EditorState.createWithContent(contentState);