You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Jodit-react编辑器粘贴HTML表格样式被覆盖问题求助

Jodit-react编辑器粘贴HTML表格样式冲突问题

我在使用Jodit-react编辑器时遇到一个问题:将一段包含表格的HTML代码粘贴到编辑器后,表头(th)和表格单元格(td)的原生无样式状态被编辑器自带的表格样式覆盖,达不到预期效果。

测试代码

请将以下HTML代码复制到Jodit编辑器官方页面测试:

<div class="wrapper">
   <table class="table_wrapper" >
      <thead>
         <tr>
            <th><span>First</span></th>
            <th><span>Second</span></th>
            <th><span>Third</span></th>
         </tr>
      </thead>
      <tbody>
         <tr>
            <td>1st</td>
            <td>2nd</td>
            <td>3rd</td>
         </tr>
      </tbody>
   </table>
</div>

这段表格代码未指定th和td的样式,期望保持原生无样式状态,但Jodit编辑器的默认表格样式强制覆盖了它,产生非预期效果。

效果对比

  • 期望效果:无样式表格的期望效果
  • 实际效果:Jodit编辑器渲染的表格效果

已尝试的无效方法

  • 使用Jodit的Process paste插件:无效果,不确定正确配置用法。
  • 添加onPaste事件获取粘贴内容并调用Jodit的applyStyles方法:onPaste无法正确获取粘贴内容。

请问有没有办法既能保留Jodit编辑器的原有样式,又能让粘贴的HTML表格保持自身的默认无样式状态?

感谢!

内容的提问来源于stack exchange,提问作者Alex Alex

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 15:06:11