React JoditEditor插入图像不起作用

Question

我使用 JoditEditor 在我的代码中插入图像。但是当我尝试插入图像时，我无法将图像 URL 放入 URL 字段并且“插入”按钮不起作用。有人可以帮我吗？截图和我的代码如下：

const editor = useRef(null);
const config = {
readonly: false, // all options from https://xdsoft.net/jodit/doc/};

const [content, setContent] = useState("");
<JoditEditor
            ref={editor}
            value={content}
            config={config}
            tabIndex={1}
            onBlur={(newContent) => setContent(newContent)}
            onChange={(newContent) => {}}
          />

Screenshot

Answer 1

我猜你正在使用模态。我遇到了同样的问题，这就是我通过添加 disableEnforceFocus 道具在 material-ui Modal 中修复它的方法。

  <Modal open={true} disableEnforceFocus>
    <JoditEditor
        ref={editor}
        value={content}
        config={config}
        tabIndex={1}
        onBlur={(newContent) => setContent(newContent)}
        onChange={(newContent) => {}}
      />
  </Modal>