2 篇文章带有标签 “dompurify”

剪贴板备份是什么

剪贴板备份是一款纯前端、无需后端的浏览器剪贴板历史管理工具。它支持保存文本、HTML、RTF、图片等多种剪贴板格式，利用浏览器 IndexedDB 本地持久化存储，随时恢复或下载历史内容。

核心功能

• 多格式剪贴板捕获：支持保存文本、HTML、RTF、URL 列表、PNG / JPEG / GIF / WebP 图片等多种剪贴板格式。
• 本地持久化存储：所有备份数据通过 IndexedDB 存储在浏览器本地，刷新页面或关闭浏览器后数据不丢失。
• 多格式预览：支持按格式切换预览，文本、HTML、图片分别渲染，HTML 内容经 DOMPurify 安全过滤。
• 一键恢复复制：点击复制按钮即可将备份内容还原到系统剪贴板，图片自动转换为 PNG 格式以兼容 Clipboard API。
• 逐格式下载：每个备份的每种格式均可单独下载为对应文件（txt、html、rtf、png 等）。
• 相对时间显示：备份时间以"刚刚""5 分钟前""2 小时前"等相对时间展示，直观易读。
• 全页粘贴支持：不仅可以在粘贴区域粘贴，在页面任意位置按 Ctrl+V 均可触发备份。
• 批量清空：支持一键删除所有备份，操作前需确认，防止误删。

使用方式

1. 打开 剪贴板备份。
2. 点击页面粘贴区域并按 Ctrl + V 粘贴内容，或在页面任意位置直接粘贴。
3. 备份自动保存并显示在列表中，可预览、复制或下载。
4. 点击 清空全部 可删除所有历史备份。

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 安全过滤）
• 无后端、无依赖、纯静态页面