3 篇文章带有标签 “在线工具”

极简长文朗读器是什么

极简长文朗读器是一款基于浏览器 Web Speech API 的本地文本朗读工具。它采用左右分屏的极简设计：左侧输入文本，右侧实时生成可朗读的阅读视图，全部处理都在浏览器内完成，无需上传、无需后端。

核心功能

• 左右分屏实时同步：左侧编辑文本，右侧阅读视图即时解析渲染，边写边读。
• 中英文智能识别：自动判断文本为中文还是英文，也可手动选择语种。
• 按句高亮：朗读时当前句子以黄色高亮显示，并自动滚动到视野中央。
• 点击跳转播放：点击阅读视图中的任意句子，即可从该句开始朗读。
• 语速调节：支持 0.5x ~ 2.0x 语速调节，拖动滑块即可实时生效。
• 发音人选择：自动加载系统语音，支持手动切换中英文发音人。
• 防中断保活：针对部分浏览器长段朗读容易中断的问题，内置保活机制。
• 内置范例：一键加载中英文示例文本，快速体验朗读效果。

与 Read Aloud 的区别

特性	极简长文朗读器	Read Aloud
界面	左右分屏，实时同步	编辑/阅读视图切换
分句	按中英文标点实时切分	段落 + 句子双层切分
音调调节	无	支持
进度显示	无	句数 / 时间
设计	极简 Tailwind 风格	卡片式工具风格

可以根据个人喜好选择更适合自己的一款，两者都是纯浏览器本地运行。

SVG 渲染器是什么

SVG 渲染器是一款纯前端的在线 SVG 预览工具。它支持粘贴 SVG 代码或从 URL 加载 SVG 文件，右侧实时渲染预览，全部处理都在浏览器内完成，无需上传、无需后端。

核心功能

• 双模式输入：支持直接粘贴 SVG 代码，或输入 URL 从网络加载 SVG 文件。
• 实时预览：左侧编辑或粘贴代码，右侧即时渲染 SVG 图形，所见即所得。
• 安全沙箱渲染：使用 DOMPurify 对 SVG 进行安全过滤，并在沙箱 iframe 中渲染，防范 XSS 和恶意脚本。
• 智能宽高比：自动解析 SVG 的 viewBox 或 width/height 属性，保持正确的图形比例。
• URL 分享：通过 URL hash 加载的 SVG 地址可直接分享，他人打开即可查看同一图形。
• 响应式布局：桌面端左右分屏，移动端自动切换为上下堆叠，适配各种设备。
• 内置示例：首次打开自动加载示例 SVG，快速体验渲染效果。

使用方式

1. 打开 SVG 渲染器。
2. 点击 粘贴 标签，将 SVG 代码粘贴到左侧编辑区。
3. 或点击 URL 标签，输入 SVG 文件地址后点击 加载。
4. 右侧预览区即时显示渲染结果。

浏览器兼容性

SVG 渲染器为纯静态 HTML 页面，兼容所有现代浏览器。建议使用 Chrome、Edge、Safari 或 Firefox 最新版本。

技术栈

• HTML + CSS + JavaScript
• DOMPurify（SVG 安全过滤）
• 无后端、无依赖、纯静态页面

Markdown 渲染器是什么

Markdown 渲染器是一款纯前端的在线 Markdown 转 HTML 工具。它调用 GitHub Markdown API 进行渲染，支持 GitHub Flavored Markdown (GFM) 标准，输出干净的 HTML 代码和实时预览，无需安装任何软件，打开浏览器即可使用。

核心功能

• GitHub API 渲染：调用 GitHub 官方 Markdown API，渲染结果与 GitHub 页面保持一致。
• GFM 模式切换：支持标准 Markdown 和 GitHub Flavored Markdown 两种模式，一键切换。
• 实时预览：渲染后的结果即时显示在预览区，包括代码高亮、表格、引用块等样式。
• 自动清理 HTML：可选清理隐藏元素（aria-hidden、nofollow 等），整理 heading 结构，输出更干净的 HTML。
• 自动生成目录：根据文章中的 h2-h6 标题自动提取并生成可点击的目录导航。
• 复制 HTML：一键复制清理后的 HTML 源码，方便粘贴到博客或编辑器中。
• 复制富文本：一键复制带格式的富文本，可直接粘贴到 Word、Notion、邮件等支持富文本的地方。
• 自动保存：输入内容自动保存到浏览器 localStorage，刷新页面不丢失。

使用方式

1. 打开 Markdown 渲染器。
2. 在编辑区粘贴需要渲染的 Markdown 文本。
3. 根据需要勾选"使用 GitHub Flavored Markdown (GFM)"。
4. 点击渲染按钮，预览区和 HTML 输出区会同步更新。
5. 点击复制 HTML或复制富文本获取渲染结果。