如何在React版Jodit Editor中隐藏URL图片上传选项

方法一：修正配置层级 #

你之前把tabs配置放在uploader下是无效的，正确的配置层级应该是在image选项中设置上传标签：

const editorConfig = {
  image: {
    uploader: {
      insertImageAsBase64URI: true
    },
    tabs: 'file' // 仅保留本地文件上传标签
  }
};

在React组件中应用该配置：

import JoditEditor from "jodit-react";

function MyEditor() {
  return (
    <JoditEditor
      config={editorConfig}
      // 其他必要props...
    />
  );
}

方法二：CSS强制隐藏（备选方案） #

如果配置方式仍不生效，可以通过CSS直接隐藏URL上传的标签和对应面板：

/* 隐藏URL上传标签 */
.jodit-ui-tabs__tab[data-tab="url"] {
  display: none !important;
}
/* 隐藏URL上传面板 */
.jodit-dialog__content[data-tab="url"] {
  display: none !important;
}

注意事项 #

• 确保使用最新版jodit-react，旧版本可能不支持tabs配置项，可执行npm update jodit-react更新依赖。
• 检查是否有其他配置覆盖了image.tabs的设置，避免配置冲突。

内容的提问来源于stack exchange，提问作者Shiv Shankar Mistry