Jodit编辑器分屏模式分隔条无法拖动，求功能确认及排查

Jodit的分屏模式本身支持拖动分隔条调整面板比例，你遇到的问题大概率是配置或样式层面的遗漏，以下是排查和解决要点：

• 确认分屏模式正确启用
  初始化编辑器时需明确指定分屏模式，或通过API切换到分屏模式：

  // 初始化时启用分屏
  const editor = new Jodit('#editor', {
      mode: Jodit.MODE_SPLIT
  });
  
  // 或运行时切换到分屏
  editor.setMode(Jodit.MODE_SPLIT);
  

• 检查分屏拖动的专属配置
  allowResizeX/allowResizeY是控制编辑器整体窗口大小的，分屏分隔条的拖动由disableSplitResize配置控制，确保该值为false（默认就是false，但如果被手动修改过需重置）：

  const editor = new Jodit('#editor', {
      mode: Jodit.MODE_SPLIT,
      disableSplitResize: false // 允许拖动分屏分隔条
  });
  

• 确保完整加载Jodit官方CSS
  分屏分隔条的拖动抓手（.jodit_splitter元素）依赖官方样式渲染，如果自定义样式覆盖了该元素属性，或未引入完整CSS，会导致抓手不可见或无法交互。检查页面是否正确引入Jodit的CSS文件，且没有覆盖以下关键样式：

  .jodit_splitter {
      width: 4px; /* 确保有可点击的宽度 */
      background-color: #e0e0e0;
      cursor: col-resize; /* 显示拖动光标 */
      z-index: 10; /* 避免被其他元素遮挡 */
  }
  

• 排查DOM元素状态
  打开浏览器开发者工具，检查页面中是否存在.jodit_splitter元素：

  • 若不存在：说明分屏模式未正确激活，检查mode配置是否生效；
  • 若存在但无交互：查看该元素的display、opacity、pointer-events等属性，确保没有被设置为不可交互状态。

内容的提问来源于stack exchange，提问作者NormB