多彩生活

test

GZHTOOL 是一个专业的图文排版工具，支持使用 Markdown 语法的文章直接排版，也支持通过AI大模型将文本转换为 Markdown 格式进行排版，可选择六种文章类型（通用、技术、博客、文档、学术、小红书）进行排版，专为内容创作者设计。本文档详细介绍所有功能特性。

NOTE

复制到知乎、掘金功能还在开发中，敬请期待。

多文件管理

文件标签页

支持同时打开多个 Markdown 文件：

    • 多标签切换 – 顶部标签栏显示所有打开的文件

    • 双击重命名 – 双击标签可重命名文件

    • 自动命名 – 根据文档首个 H1 标题自动命名

    • IndexedDB 存储 – 文件内容持久化存储，刷新不丢失

    • 新建文件 – 点击 + 按钮创建新文件

    • 关闭文件 – 点击标签上的 ✕ 关闭文件

文件存储

    • 文件元数据存储在 LocalStorage
    • 文件内容存储在 IndexedDB
    • 浏览器不支持时自动降级为内存存储

编辑器功能

Markdown 编辑器

基于 CodeMirror 6 构建的高性能编辑器：

    • 语法高亮 – Markdown 语法实时着色

    • 代码折叠 – 支持折叠代码块和长段落

    • Ayu 主题 – 与整体 UI 风格统一的编辑器配色

文件导入

支持多种方式导入内容：

    • 本地文件选择 – 支持 .md、.markdown 格式

    • 拖拽导入 – 直接拖拽文件到编辑器区域

    • 粘贴导入 – 支持粘贴 HTML 内容自动转换为 Markdown

    • 快捷键 – Cmd/Ctrl + O 快速打开文件

Markdown 格式化

一键美化 Markdown 代码：

    • 基于 markdownlint 规则自动修复

    • 统一标题、列表、空行等格式

    • 快捷键 Cmd/Ctrl + Shift + L

导出 Markdown

将编辑器内容保存为本地文件：

    • 导出为 .md 文件

    • 快捷键 Cmd/Ctrl + S

预览功能

实时预览

编辑即可见的预览体验：

    • 增量更新 – 使用 morphdom 进行 DOM diff，仅更新变化部分

    • 防抖渲染 – 100ms 防抖，避免频繁渲染

    • 样式隔离 – iframe 沙箱隔离，预览样式不影响编辑器

视图切换

适配不同设备的预览宽度：

    • 移动端视图 – 415px 宽度，iPhone 设备框展示

    • 桌面端视图 – 768px 宽度，Safari 浏览器框展示

    • 自动响应容器宽度变化

滚动同步

编辑器与预览区域双向滚动同步：

    • 编辑器滚动时预览跟随

    • 预览滚动时编辑器跟随

    • 可通过设置开关此功能

主题系统

Markdown 排版样式

内置 13 种精心设计的排版风格：

样式 ID 名称 风格描述
ayu-light Ayu Light 清新淡雅的浅色主题
bauhaus Bauhaus 包豪斯风格，几何与功能主义
botanical Botanical 植物园风格，自然柔和
green-simple GreenSimple 简约绿色风格
sketch Sketch 手绘素描风格
newsprint Newsprint 报纸印刷风格
terminal Terminal 终端/命令行风格
neo-brutalism Neo-Brutalism 新野兽派，大胆对比
playful-geometric Playful Geometric 活泼几何图形风格
professional Professional 专业商务风格
organic Organic 有机自然风格
maximalism Maximalism 极繁主义，丰富装饰
retro Retro 复古怀旧风格

代码高亮主题

支持 10 种代码块高亮主题（来自 highlight.js）：

主题 ID 名称 类型
tokyo-night-light Tokyo Night Light 浅色
tokyo-night-dark Tokyo Night Dark 深色
panda-syntax-light Panda Syntax Light 浅色
panda-syntax-dark Panda Syntax Dark 深色
rose-pine-dawn Rosé Pine Dawn 浅色
rose-pine Rosé Pine 深色
kimbie-light Kimbie Light 浅色
kimbie-dark Kimbie Dark 深色
paraiso-light Paraiso Light 浅色
paraiso-dark Paraiso Dark 深色

多平台导出

一键复制

针对不同平台优化的复制功能：

平台 快捷键 特殊处理
微信公众号 Cmd/Ctrl + Shift + 7 链接转脚注、代码空格保护、表格滚动适配
知乎专栏 Cmd/Ctrl + Shift + 8 适配知乎编辑器
掘金 Cmd/Ctrl + Shift + 9 适配掘金编辑器
HTML Cmd/Ctrl + Shift + 0 通用 HTML 输出

代码块

javascript
function greet(name) {
  console.info('Hello, ' + name + '!')
}

greet('World')

列表

    • 无序列表项 1
    • 无序列表项 2
    • 嵌套列表项
    • 嵌套列表项
    • 有序列表项 1
    • 有序列表项 2
    • 嵌套有序列表项
    • 嵌套有序列表项

引用

这是一个引用块 可以包含多行文本 > 这是嵌套引用

链接

GitHub (https://github.com)

图片

IMAGE0_

GFM 扩展

表格

功能 状态 备注
实时预览 ✅ 完成 核心功能
多平台导出 ✅ 完成 微信/知乎/掘金
图片上传 ✅ 完成 S3 存储

任务列表

  • 支持基础 Markdown 语法
  • 支持 GFM 扩展语法
  • 支持数学公式渲染
  • 支持 Mermaid 图表（计划中）

自动链接

直接输入 URL 自动识别： https://GZHTOOL.com>

邮箱地址也支持：GZHTOOL@QQ.com

---

高级功能

脚注

Markdown[1] 是一种轻量级标记语言，由 John Gruber[2] 于 2004 年创建。

[1]: Markdown 文件通常使用 .md 或 .markdown 扩展名。

[2]: John Gruber 是 Daring Fireball 博客的创始人。

数学公式

支持 KaTeX 渲染。行内公式：$E = mc^2$，质能方程揭示了质量与能量的关系。

块级公式：

$$
sum{i=1}^{n} xi = x1 + x2 + cdots + x_n
$$

GitHub Alert

> [!NOTE]
> 这是一条提示信息，用于补充说明。

> [!TIP]
> 这是一条小技巧，帮助用户更好地使用功能。

> [!IMPORTANT]
> 这是重要信息，请务必注意。

> [!WARNING]
> 这是警告信息，操作前请三思。

> [!CAUTION]
> 这是危险警告，可能导致数据丢失或不可逆操作。

References

    Categories:
    Tags: