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的Process paste插件:无效果,不确定正确配置用法。
- 添加
onPaste事件获取粘贴内容并调用Jodit的applyStyles方法:onPaste无法正确获取粘贴内容。
请问有没有办法既能保留Jodit编辑器的原有样式,又能让粘贴的HTML表格保持自身的默认无样式状态?
感谢!
内容的提问来源于stack exchange,提问作者Alex Alex
相关产品推荐
相关产品推荐

