将React组件添加到jodit编辑器

Question

我需要在jodit编辑器中添加一个react组件。 我在我的react应用程序中使用jodit反应组件。 我想将一个React组件拖放到编辑器中。此外，此React组件应保留其原始行为，例如响应单击以打开另一个窗口弹出窗口。

请您提示一下如何将我们的react组件连接到编辑器中，以代替普通图像吗？

谢谢

示例：

1-我创建了一个组件Clock：

import * as React from 'react';

let time = new Date().toLocaleString();

class Clock extends React.Component {
    render() {
        return (<p className="App-clock">
               The time is {time}.
               </p>);
    }
}

export default Clock;

2-当我放入jodit编辑器时：

const EditorJodit = ({}) => {
    const editor = useRef(null)

    const content =  "<Clock/>"
    const setContent = useState('')

    const config = {
        readonly: false
    }

    return (       
        <JoditEditor
            ref={editor}
            value={content}
            config={config}
            onChange={null}
        />
    );
}

3-我们看不到时钟渲染，即使它存在于渲染的代码中。