当我在 React 中推送 f5 刷新时,Ckeditor 为空(消失)

IT技术 reactjs null ckeditor refresh ckeditor5
2022-07-22 01:00:21

我在我的react项目中使用 Ckeditor。

但是当我刷新页面时,Ckeditor 就消失了。

只有当我打开页面然后显示。

问题是什么?

1个回答

我也有同样的问题。我认为这与ckeditor的编辑器value有关。

尝试在开发时使用此代码,并使用生产构建中示例中给出的默认代码。

不确定这是否是一个好的做法,但它可以达到目的。

    const [state, setState] = useState({
        data: (props.children.toString() || ""),
        editor: null
    })
    useEffect(() => {
        console.log(state.data);
        const editor = (
            <CKEditor
                id={"ck-editor-text"}
                editor={ClassicEditor}
                data={state.data}
                onReady={editor => {console.log('Editor is ready to use!', editor)}}
            />
        )
        setState({...state, editor: editor});
    }, [])
    return (
        <div className={style.wrapper}>
            <div className={"w-64"} id={"ck-editor-text"}>
                {state.editor}
            </div>
        </div>
    )