代码块编辑器

代码块编辑器基于 CodeMirror 6,专门用来在文档里放代码示例。一个代码块可以包含多个文件,阅读页用 Tab 切换查看。

多文件 Tab 管理

一个代码块相当于一个小项目,里面可以新建多个文件标签页。每个 Tab 支持:

  • 新建文件
  • 重命名
  • 删除

读者在阅读页点击 Tab 就能切换不同文件,不用把所有代码堆在一页里。

支持的语法高亮

11 种语言:

  • JavaScript
  • PHP
  • HTML
  • C++
  • CSS
  • Java
  • JSON
  • Python
  • Rust
  • SQL
  • XML

选好语言后,关键字、字符串、注释会自动着色,代码读起来清晰。

阅读页交互功能

读者打开代码块后可以:

  • 复制代码:一键复制当前文件内容到剪贴板
  • 单文件下载:下载当前 Tab 的代码,文件名就是 Tab 名
  • ZIP 打包下载:把所有文件压成 zip 一次下载

每个文件在保存时会生成独立 UID,下载链接固定不变,方便分享和引用。

适合的场景

  • 教程里的完整代码示例
  • 多文件项目演示
  • 配置文件片段对比
  • 接口请求和响应示例

原文标题:代码块

原文文档:奥宏文档

原文地址:/read/augushong/ulthon-document/zh-cn/1.0.0/content-editing/code-block.html

原文平台:奥宏文档

1.0.0