Custom Highlight API

允许开发者创建 Highlight 对象,包含一个或多个 Range,注册到 CSS.highlights 注册表,并通过 ::highlight() 伪元素为这些范围应用样式,支持优先级和类型(如拼写错误、语法错误)控制。

一句话商业模式

为Web 前端开发者、浏览器厂商、编辑器框架开发者解决内置高亮(如 ::selection)无法覆盖任意文本范围,且修改 DOM 结构成本高,通过CSS Custom Highlight API 规范及浏览器实现提供价值,主要依靠无直接收费,作为开放标准,潜在通过相关工具或服务盈利赚钱

商业模式画布

提供标准化、高性能的 API,允许开发者以编程方式高亮任意文本范围,无需修改 DOM,支持复杂场景如多选、协作、虚拟化文档

评分解析

研究分 53

这是什么

是什么
W3C 制定的 CSS 模块规范,提供通过脚本标识任意文档范围并为其应用样式的机制。
给谁用
Web 前端开发者,特别是构建富文本编辑器、在线协作工具、阅读器、拼写检查框架等需要自定义文本高亮功能的团队。
← 返回今日精选
Custom Highlight API

Custom Highlight API

允许开发者创建 Highlight 对象,包含一个或多个 Range,注册到 CSS.highlights 注册表,并通过 ::highlight() 伪元素为这些范围应用样式,支持优先级和类型(如拼写错误、语法错误)控制。

53

一句话商业模式

为Web 前端开发者、浏览器厂商、编辑器框架开发者解决内置高亮(如 ::selection)无法覆盖任意文本范围,且修改 DOM 结构成本高,通过CSS Custom Highlight API 规范及浏览器实现提供价值,主要依靠无直接收费,作为开放标准,潜在通过相关工具或服务盈利赚钱

开发者工具Web标准CSSJavaScript开源团队 约5人(编辑团队:Dan Clark、Fernando Fiori、Florian Rivoal、Megan Gardner,前编辑 Sanket Joshi)发布 2020年10月首次发布工作草案,2026年1月更新编辑草案最后同步 2026-09-02

产品图

商业模式画布

Business Model Canvas · 9 大模块完整填涂

重要合作Key Partnerships
W3C CSS 工作组、浏览器厂商(Chrome、Edge、Firefox、Safari)、MDN 文档、开发者社区
关键业务Key Activities
规范制定与更新、浏览器实现推动、文档编写、反馈收集与问题解决
价值主张Value Propositions
提供标准化、高性能的 API,允许开发者以编程方式高亮任意文本范围,无需修改 DOM,支持复杂场景如多选、协作、虚拟化文档
客户关系Customer Relationships
通过 GitHub Issues 收集反馈,公开邮件列表讨论,定期更新草案
客户细分Customer Segments
Web 前端开发者,尤其是构建富文本编辑器、在线协作工具、阅读器、拼写检查框架的团队
核心资源Key Resources
W3C 标准制定流程、编辑团队(Microsoft、Bloomberg、Apple)、GitHub 仓库、浏览器引擎实现
渠道通路Channels
通过 W3C 标准推广、浏览器支持、开发者社区(如 Hacker News、MDN)传播,被编辑器框架集成
成本结构Cost Structure
编辑团队人力成本、W3C 流程管理、浏览器实现与测试成本(由厂商承担)
收入来源Revenue Streams
作为开放标准,无直接收入;潜在通过相关开发工具、教程、咨询服务盈利(假设)
💡 核心痛点:内置高亮伪元素(如 ::selection)无法覆盖任意文本范围,且修改 DOM 结构实现高亮成本高、性能差⚠️ 最大风险:浏览器支持不均衡(Firefox、Safari 未实现),规范仍为草案,可能变更,开发者采用率受限

评分解析

痛点清晰度

明确解决了内置高亮无法覆盖任意文本范围的问题,场景清晰(编辑器、协作、拼写检查),但痛点主要面向特定开发者群体,非普遍需求

置信度 70%
70
付费可能性

作为开放标准,无直接收费模式,潜在通过相关工具或服务盈利,但商业化路径不明确

置信度 40%
20
市场与趋势

Web 标准持续演进,浏览器支持逐步增加,但当前支持不均衡,市场热度中等,Hacker News 有讨论但非爆发性

置信度 60%
60
需求信号

GitHub 星标 4863 反映 CSSWG 仓库整体热度,但该 API 单独需求信号不明确,缺乏具体采用数据

置信度 50%
50
执行可行性

由 W3C 工作组制定,编辑来自大公司,规范制定流程成熟,浏览器实现有 Chrome/Edge 支持,可行性高

置信度 80%
80
中国市场适配

中国开发者可能受益于该 API,但浏览器支持(如国产浏览器基于 Chromium 可能支持)和本地化文档不足,且无本土商业化案例

置信度 40%
40

这是什么

是什么
W3C 制定的 CSS 模块规范,提供通过脚本标识任意文档范围并为其应用样式的机制。
给谁用
Web 前端开发者,特别是构建富文本编辑器、在线协作工具、阅读器、拼写检查框架等需要自定义文本高亮功能的团队。

关键能力

  • 支持任意 Range 对象,可跨元素边界,不改变 DOM 结构
  • 通过 CSS.highlights 注册表管理多个高亮,支持增删改查
  • 使用 ::highlight() 伪元素进行样式化,支持背景色、文字颜色等有限属性
  • 提供 priority 属性控制重叠高亮的堆叠顺序
  • 支持 HighlightType 枚举(highlight、spelling-error、grammar-error)
  • 支持 Range 和 StaticRange,可响应文档变化自动更新

创业线索

团队
约5人(编辑团队:Dan Clark、Fernando Fiori、Florian Rivoal、Megan Gardner,前编辑 Sanket Joshi) · 由 W3C CSS 工作组维护,编辑来自 Microsoft、Bloomberg、Apple 等公司,非独立开发者项目
发布时间
2020年10月首次发布工作草案,2026年1月更新编辑草案 · 规范仍在活跃更新,最近推送日期为2026年8月20日(GitHub 仓库)
增长线索
GitHub 仓库 w3c/csswg-drafts 星标 4863,fork 810,watchers 343,open issues 4663
能赚多少 / 怎么赚
无公开收入线索 · 无直接收费模式,作为 W3C 标准,浏览器厂商免费实现
  • since the 15 December 2021 Working D
  • since the 8 December 2020 Working Dr
  • since the 22 October 2020 Working Dr
  • Since each of the style rules target

公开信息推断,缺数据会标未知;不构成收益承诺。

GitHub 最新数据

  • 仓库:w3c/csswg-drafts
  • 星标:4,863
  • 分支:810
  • 关注:343
  • 未关闭 Issue:4663
  • 主语言:Bikeshed
  • 开源协议:NOASSERTION
  • 仓库创建:2013-04-05
  • 最近推送:2026-08-20
  • 描述:CSS Working Group Editor Drafts
css

相关新闻 / 讨论

来源数据

  • 首次采集:2026-08-21
  • 最后同步:2026-09-02
  • 材料更新:2026-08-21
  • 穿透材料体量:约 30,337 字

AI 辅助分析,仅供项目研究参考,不构成投资建议。