setCellAttrs 对 border-color / background-color 的样式操作不走 Quill delta 模型，导致 text-change 不触发且导出的 HTML 不自闭环

[greenTemp]

描述
Bug 1: 样式变更不触发 Quill 事件
触发路径：

右键表格 → 设置边框颜色 / 背景色
tableMenuTools.BorderColor.handle → tableModule.setCellAttrs(tds, 'border-color', color, true)
→ TableCellInnerFormat.setFormatValue → TableCellFormat.setFormatValue
问题代码（node_modules/quill-table-up/src/formats/table-cell-format.ts:106-109）：

else if (this.statics.isAllowStyle(name)) {
Object.assign(this.domNode.style, {
[name]: value,
});
}
这里用 Object.assign(domNode.style, ...) 直接修改 DOM，不走 super.setFormatValue()，也不调用 quill.update()。导致：

Quill 的 text-change 事件不被触发
依赖 text-change 读取 innerHTML 并保存到数据库的上层应用拿不到最新 HTML
只有后续其他操作触发了 text-change 时才会"捎带"把之前的样式变更带出去
对比：插入行列、合并拆分等操作使用 quill.updateContents(delta, Quill.sources.USER) 走的是规范路径，事件正确触发。

Bug 2: border-color 不自闭环
同上路径，只设置了 border-color: red，但 CSS 中 border-style 默认值为 none。编辑器内能显示是因为编辑器 CSS 有 .ql-editor td { border: 1px solid #a1a1aa } 补全了 border-style/border-width。但在 H5 等场景下没有这段 CSS，border-color 单独无效。

应同时设置 border-style: solid 和 border-width: 1px。

修复建议
字段 1： 在 TableCellFormat.setFormatValue 设置 isStyle 分支之后调用 quill.update()，或在 table-up.ts 的 setCellAttrs 方法的 for 循环之后追加 this.quill.update(Quill.sources.USER)。

字段 2： 在 TableCellFormat.setFormatValue 中，当 name === 'border-color' 时，同时设置 borderStyle: 'solid' 和 borderWidth: '1px'：

if (name === 'border-color') {
if (!this.domNode.style.borderStyle) {
Object.assign(this.domNode.style, { borderStyle: 'solid' });
}
if (!this.domNode.style.borderWidth) {
Object.assign(this.domNode.style, { borderWidth: '1px' });
}
}

环境
quill-table-up: 3.5.2
Quill: 2.x

[zzxming]

感谢你的反馈，问题一确实是缺陷问题，我有时间会进行修复。

关于问题二，哪些场景没有这段 CSS？这段样式是 quill-table-up 导出的 index.css 内的，引入即可，quill 本身的样式文件也包含 td 的样式，为什么会出现这种情况？

仅设置 border-color 是因为操作路径就是针对颜色进行的修改，如果设置了其他样式，会出现优先级的问题，可能导致某些定义编辑器样式的场景下样式失效。

[greenTemp]

问题2我没说清楚，我的使用场景是这样的：

系统有一个管理端，一个h5端，管理端用了quill+quill-table-up来编辑富文本，保存的时候会使用quill的方法把内容转化成html直接持久化，h5端显示的时候只需要把持久化的内容拿出来直接展示就行了。

但是现在用编辑器修改的一些表格样式（比如border）在转成html的时候并不包含在内，所以会出现在h5端显示的时候没有效果的情况。

我认为在富文本编辑的时候，所有用户主动触发的样式变更都应该包含在html里，这样才能保证直接显示html的时候是正常的。

[zzxming]

我了解你的使用场景了，但在 H5 回显的场景难道不会引入 quill 的 CSS 文件吗？如果引入了 quill 的 CSS 文件就会有默认样式存在

.ql-editor td {
  border: 1px solid #000;
  padding: 2px 5px;
}

这样用户设置的 border-color 是行内样式在 td 上，是不会出现样式错误的。如果你的 table 没有显示 border 样式，其他格式的样式正常吗？比如 indent 缩进

[greenTemp]

我确认了一下，h5端引用了1.3.7版本的quill的css文件（因为这个项目之前用的quill版本就是1.3.7版本的，为了用quill-table-up才把管理端的quill升级到了2.0），默认没有td的样式；
但是现在管理端用quill-table-up设置table的border-color之后，样式并没有在td上，其他格式样式正常

[zzxming]

我认为问题2应该去设置默认样式处理，设置 border-color 并不应该同时为单元格加上 border-width 和 border-style。

我重新确认了一下问题一，在使用 TableMenuSelect 或者 TableMenuContextmenu 时是可以正常触发的 demo。可以给一个复现链接吗？