在React环境下，是如何在弹出框中加载编辑器的？ about cherry-markdown HOT 2 CLOSED

const editorRef = useRef<HTMLDivElement>(null);
useEffect(() => {
    if (editorRef.current) {
      const cherryEditor = new Cherry({
        id: 'markdown-container',
        value: '# welcome to cherry editor!',
        editor: {
          theme: 'default',
          defaultModel: 'edit&preview',
        },
        toolbars: {
          toolbar : ['bold', 'italic', 'strikethrough', '|', 'color', 'header', '|', 'list', { insert: [ 'image', 'link', 'hr', 'br', 'code', 'formula', 'toc', 'table', 'line-table', 'bar-table' ], }, 'settings'],
        },
      });
    } 
  }, [editorRef.current])