感谢 Fluent Editor 开源富文本首位贡献者！

最新推荐文章于 2025-01-13 10:27:41 发布

原创

最新推荐文章于 2025-01-13 10:27:41 发布 · 1.1k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#开源

本文由体验技术团队Kagol原创。
2024年8月20日，刚开源一周的富文本 Fluent Editor 迎来了第一位贡献者：zzxming

在这里插入图片描述

1、Bug 描述

zzxming 同学修复了 Fluent Editor 富文本表格模块的一个隐藏 Bug：

fix: table module can’t save background color #10

缺陷描述：通过表格右键菜单设置单元格背景色之后，生成的 delta 中缺失单元格背景色信息，导致通过 setContents 方法设置的富文本表格单元格丢失了背景色。

这样描述可能比较绕口，zzxming 同学非常贴心地做了一个 Demo 用于复现该问题：

最小可复现 Demo：https://stackblitz.com/edit/vitejs-vite-quwkzn?file=src%2FApp.vue&terminal=dev

2、Bug 复现步骤

第一步：在表格单元格中右键，给单元格设置一个背景色。

在这里插入图片描述

第二步：通过 editor.getContents() 获取到的对应的 delta。

const delta = {
     
    "ops": [  
        {
     
            "attributes": {
     
                "table-col": {
     
                    "width": "100"  
                }  
            },  
            "insert": "\n"  
        },  
        {
     
            "attributes": {
     
                "table-cell-line": {
     
                    "rowspan": "1",  
                    "colspan": "1",  
                    "row"<