Logo

Fast Text Format

返回控制台

Fast Text Format Tools

极速实用的终极工具集合,可进行格式化、转换和简化您的工作流。

收藏夹

最近使用

最近添加

文本及比较

代码及格式化

Base64 转文件

将 Base64 字符串或 Data URI 解码还原为可供下载的文件(图像、PDF、文档、音频),支持实时预览。

代码美化

美化、验证并压缩您的 JSON、JavaScript、CSS 和 HTML 代码为清晰易读的语法。

CSS 格式化

格式化、美化、验证并压缩 CSS 样式表,支持自定义缩进。

CSS 可视化生成器

可视化生成并导出阴影、渐变、Flexbox 及 Grid 网格布局的 CSS 代码。

CSV 转 JSON/SQL

将 CSV 数据转换为 JSON 数组或 SQL INSERT 语句。

cURL 转 Fetch

轻松将 cURL 命令转换为 JavaScript Fetch API 代码。

HTML / XML

即时美化、压缩并清理混乱的代码。

HTML 转 JSX

客户端工具,将 HTML 标签和属性转换为 React 兼容的 JSX 语法。

HTML 转 Tailwind CSS

将标准的行内样式和 CSS 规则转换为 Tailwind CSS 原子类,支持实时预览。

JS 代码混淆器

将可读的 JavaScript 代码转换为不可读且压缩的代码,保护核心业务逻辑。

JSON 转代码

将 JSON 对象转换为支持各种语言的类型化模型。

JSON 树状视图查看器

直观查看、展开、折叠、搜索和过滤复杂的 JSON 数据,并支持路径复制。

Markdown

使用实时 HTML 预览编写原始 markdown。

Source Map 查看器

客户端工具,用于上传 .map 文件并反混淆/还原堆栈轨迹。

SQL 格式化

美化和格式化混乱的 SQL 查询。

字符串转义与反转义

安全转义(与反转义)引号、反斜杠和换行符,适用于 JSON 字符串、SQL 查询、HTML 和 Java/C# 代码。

SVG 优化器

压缩并清理原始 SVG 代码。

SVG 转 PNG/WEBP

客户端工具,利用 HTML Canvas 将 SVG 代码或文件光栅化渲染为可下载的图像。

XML 实用工具

格式化和压缩 XML 字符串。

YAML <-> JSON

在 YAML 和 JSON 之间即时转换。

数据及加密

生成器及实用工具

ASCII 艺术

生成大型 ASCII 艺术文本横幅。

条形码生成器

客户端工具,使用 Canvas 从文本生成一维线性条形码(UPC、EAN、Code39)。

CHMOD 计算器

轻松计算 Linux 文件权限。

颜色对比度

检查 WCAG 色彩对比度可访问性。

颜色格式

即时转换 HEX、RGB 和 HSL 颜色代码。

Cron 解码器

将 cron 表达式翻译成人类可读的文本。

Favicon 图标生成器

将常用图像转换为广泛兼容的 .ico 文件并生成标准的 Web 应用图标尺寸。

图像 Base64

将图像文件安全转换为 Base64 Data URI 字符串和 CSS background-image 样式属性。

图片压缩工具

在浏览器本地压缩并优化 JPEG、PNG、WEBP 和 AVIF 图像。

Markdown 表生成器

可视化网格编辑器,允许用户轻松添加行/列并立即输出格式完美的 Markdown 表格语法。

Meta 标签与 Open Graph 生成器

生成并直观预览 SEO Meta 标签、Twitter 卡片和 Facebook Open Graph 标签。

模拟数据生成器

生成数百行虚假测试数据(姓名、电子邮件、地址、日期、信用卡)并将其导出为 CSV、JSON 或 SQL INSERT 语句以进行数据库测试。

密码生成器

使用加密算法创建强大的安全密码。

PDF 工具箱

100% 在浏览器本地合并、拆分、提取、旋转和重新排序 PDF 页面。

占位文本

为 UI 界面模型创建随机的占位文本。

QR 二维码

从文本或 URL 创建可伸缩和可扫描的二维码。

正则表达式测试器和构建器

使用实时匹配和捕获组突出显示、语法解释细分以及多字符串测试模式来测试正则表达式。

Robots.txt 生成器

构建有效的 robots.txt 规则和爬虫指令,并阻止 AI 抓取工具。

UUID / GUID

即时生成通用唯一标识符 (v4)。

XML Sitemap 生成器

构建包含自定义 URL、更新频率和优先级的有效 XML Sitemap,供搜索引擎索引。

财务及单位

网络

代码及格式化

HTML 转 Tailwind CSS

将标准的行内样式和 CSS 规则转换为 Tailwind CSS 原子类,支持实时预览。

0 characters 0 styles converted
Tailwind 转换结果
结果将显示在这里...
0 characters

使用说明

将带有行内样式 style 属性的 HTML 代码(或纯 CSS 样式声明)粘贴到编辑器中,即可自动将其转换为 Tailwind CSS 工具类。支持颜色、间距、排版、Flexbox、Grid 栅格、边框、阴影、定位及任意值语法。

常见问题解答

HTML 到 Tailwind CSS 转换器有什么作用?

它使用内联样式属性 (style="...") 或标准 CSS 规则解析 HTML 元素,分析每个 CSS 属性和值对,并将它们替换为等效的现代 Tailwind CSS v3 实用程序类。

CSS 颜色如何转换为 Tailwind?

识别的命名颜色(白色、黑色、透明)和标准十六进制值映射到最接近的 Tailwind 调色板匹配项(例如 bg-blue-500 或 text-gray-700)。自定义或非标准十六进制、rgb 和 hsl 值保留为 Tailwind 任意值类,如 bg-[#3b82f6]。

间距和尺寸转换如何进行?

边距、内边距、宽度、高度和间隙的像素和 rem 测量值映射到 4px 基线比例(例如,4px 到 1、8px 到 2、16px 到 4、24px 到 6)。精确的小数或非比例值使用任意括号语法,如 p-[15px]。

这个工具可以转换 Flexbox 和 CSS Grid 吗?

是的。 Flex 方向(flex-row、flex-col)、对齐(items-center、justify- Between)、环绕(flex-wrap)和网格列(grid-cols-2、grid-cols-3)被准确识别并转换为 Tailwind 实用程序。

我可以在没有完整 HTML 的情况下转换独立 CSS 规则吗?

是的。将转换模式下拉列表切换到“CSS 类声明”以粘贴原始 CSS 属性值块(例如,填充:12px;颜色:红色;)并立即生成相应的 Tailwind 实用程序类列表。

已经有类名的元素会发生什么情况?

启用“与现有类合并”时,新转换的 Tailwind 实用程序类将干净地附加到现有类属性中,而不会覆盖当前的类名称。

转换后的内联样式是否从元素中删除?

是的。默认情况下,已成功映射到 Tailwind 类的样式将从样式属性中删除,以保持生成的标记干净。任何未映射或不受支持的规则都保留在样式标记中。

我可以预览转换后的 HTML 的外观吗?

是的。单击输出面板上方的“预览”开关,可在原始 Tailwind HTML 代码视图和生成的标记的实时视觉渲染之间切换。

支持哪些 CSS 属性?

该转换器支持布局(显示、位置、z-索引、溢出)、flexbox、网格、大小调整(宽度、高度、最大宽度)、间距(边距、填充、间隙)、排版(字体大小、字体粗细、文本对齐、行距)、背景、边框(半径、宽度、颜色)、效果(框阴影、不透明度)和光标样式。

HTML 在我的计算机上处​​理是否安全?

是的。快速文本格式在您的网络浏览器中本地运行 100%。任何 HTML 代码、CSS 规则或设计资产都不会上传到任何服务器或记录。

找不到结果

请尝试调整您的搜索词。