首页
/ MarkdownEditing 扩展语法高亮功能解析

MarkdownEditing 扩展语法高亮功能解析

2025-06-25 13:33:09作者:侯霆垣

MarkdownEditing 作为 Sublime Text 中广受欢迎的 Markdown 编辑插件,在最新版本 3.1.14 中新增了对 Highlight 语法的高亮支持。这项功能虽然不属于 CommonMark 或 GitHub Flavored Markdown 标准规范,但因其简洁实用而被许多 Markdown 编辑器(如 iA Writer)所采用。

Highlight 语法实现原理

Highlight 语法采用双等号(==)作为标记符号,其语法结构与 Markdown 的粗体、斜体标记类似:

==这是需要高亮的文本==

在 HTML 渲染输出时,该语法会被转换为标准的 <mark> 标签:

<mark>这是需要高亮的文本</mark>

技术实现要点

  1. 语法解析:插件通过扩展 Sublime Text 的语法定义文件,新增了对 ==...== 标记的识别能力

  2. 作用域限定:被标记的文本会被赋予 markup.highlight 语法作用域

  3. 渲染处理:在导出为 HTML 时,插件会将其转换为标准的 <mark> 标签

自定义高亮样式

由于这不是标准 Markdown 功能,默认主题可能不包含对应的样式定义。用户可以通过以下方式自定义高亮显示效果:

  1. 通过 Sublime Text 的 "UI: Customize Color Scheme" 菜单项
  2. 在用户配色方案中添加如下规则:
{
    "name": "Markup: Highlight",
    "scope": "markup.highlight",
    "foreground": "black",
    "background": "yellow"
}

与 CriticMarkup 的区别

虽然 CriticMarkup 也提供了类似的高亮功能(使用 {==...==} 语法),但两者有本质区别:

  1. 设计目的:Highlight 语法专注于简单的文本突出显示,而 CriticMarkup 主要用于协作批注
  2. HTML 输出:CriticMarkup 会生成包含评论信息的复杂 span 结构
  3. 兼容性:Highlight 语法输出的是标准 HTML5 的 <mark> 标签

最佳实践建议

  1. 在团队协作环境中,应明确统一使用哪种高亮方案
  2. 对于简单的突出显示需求,推荐使用 ==...== 语法
  3. 需要附带批注意见时,才考虑使用 CriticMarkup 的高亮语法
  4. 自定义颜色时,建议保持与文档其他元素的视觉协调性

这项功能的加入使得 MarkdownEditing 在非标准语法支持方面更加灵活,为用户提供了更多样化的文本标记选择。

登录后查看全文
热门项目推荐

项目优选

收起
kernelkernel
deepin linux kernel
C
22
6
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
161
2.05 K
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
146
191
leetcodeleetcode
🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解
Java
60
16
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
198
279
apintoapinto
基于golang开发的网关。具有各种插件,可以自行扩展,即插即用。此外,它可以快速帮助企业管理API服务,提高API服务的稳定性和安全性。
Go
22
0
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
949
556
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
96
15
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
346
1.33 K