样式

Paid add-on

建议标记渲染为带有数据属性的 <span> 元素,可通过 CSS 定向。

CSS 选择器

/* 所有建议 */
[data-suggestion] {
  /* 所有建议的基础样式 */
}

/* 插入 */
[data-suggestion-type="add"] {
  background-color: rgba(0, 255, 0, 0.2);
  text-decoration: underline;
}

/* 删除 */
[data-suggestion-type="delete"] {
  background-color: rgba(255, 0, 0, 0.2);
  text-decoration: line-through;
}

/* 替换删除(被替换的旧文本) */
[data-suggestion-type="replaceDeletion"] {
  background-color: rgba(255, 0, 0, 0.2);
  text-decoration: line-through;
}

/* 替换插入(替换旧文本的新文本) */
[data-suggestion-type="replaceInsertion"] {
  background-color: rgba(0, 255, 0, 0.2);
  text-decoration: underline;
}

/* 按用户样式化建议 */
[data-suggestion-user="user-123"] {
  border-bottom: 2px solid blue;
}

可用的数据属性

属性描述
data-suggestion建议标记元素上始终存在
data-suggestion-id唯一建议 ID
data-suggestion-type'add''delete''replaceDeletion''replaceInsertion'
data-suggestion-user创建建议的用户 ID
data-suggestion-created建议创建时的 ISO 时间戳
data-suggestion-user-metadataJSON 序列化的用户元数据对象(仅在设置了 userMetadata 时存在)

已知限制

此扩展处于积极开发中,未来几个月将会有重大变更。已知以下限制,未来版本会予以解决:

  • 属性或标记的更改(如切换加粗、修改链接 URL)不会被追踪
  • 节点类型的更改(如将段落转换为标题)不会被追踪
  • 插入新行或移除基于文本的节点(如删除整个段落)未被处理
  • 没有明确的建议模式能单独渲染“干净”的文档版本与追踪版本并存