ANSI转义码预览

ANSI 转义序列是终端给文字着色的约定：以 ESC（\x1b）接 [、若干以分号分隔的参数、结尾 m（SGR）表示一组样式开关。日志系统（Jenkins、GitLab CI、Docker logs、pytest）大量输出这些码，但聊天软件与浏览器不认识它们，于是就有了满屏的 \x1b[0m。本工具正是这层「翻译官」。

如何使用

1. 直接把 CI/终端日志粘进左侧框——真实 ESC 控制字符、字面量 \x1b[31m、\033[、\e[ 三种写法都能识别；
2. 右侧即时渲染黑底终端预览，颜色、粗体、下划线、反色与真实终端一致；
3. 需要写文档时点「复制为 HTML」，得到一串 <span style="color:…">，粘到富文本编辑器即保留颜色。

支持的 SGR 码

• 前景 30-37 与亮色 90-97，背景 40-47 与 100-107；0 重置、1 粗体、2 暗淡、3 斜体、4 下划线、7 反色，以及 22/23/24/27/39/49 单项关闭。
• 扩展色 38;5;n（xterm 256 色板）与 38;2;r;g;b（RGB 真彩色），背景同理用 48；冒号写法 38:5:196 也兼容。
• 光标移动、屏幕清理等非 SGR 序列（如 \x1b[2K）不在预览范围内，会被忽略。

常见问题

• 粘贴带尖括号的内容安全吗？安全。渲染走 Vue 的文本插值而非 v-html，HTML 导出前也做了 & / < / > 转义，粘贴的 <script> 只会作为普通字符显示。
• 为什么颜色十六进制和别的工具不一样？ANSI 的 16 色没有强制色值，各终端主题自行定义；本工具采用常见的紧凑取值（31 红为 #c00），256 色与真彩色按 xterm 标准色板换算。
• 文本会上传吗？不会。解析、渲染、HTML 生成全部在浏览器本地完成，适合粘贴含密钥的 CI 日志。