HTML 在线运行

在线编写和运行 HTML、CSS、JavaScript 代码，实时预览效果，支持语法高亮

预览结果
关于 HTML 在线运行
  • 支持 HTML、CSS、JavaScript 三种语言，基于 Monaco Editor（VS Code 同款）提供语法高亮和智能提示
  • 点击「运行」后在右侧 iframe 中实时渲染，代码完全在浏览器本地执行，无需联网
  • 适用于快速验证 HTML 片段、调试 CSS 样式、测试 JavaScript 逻辑等场景
操作说明
  • 切换顶部 Tab 分别编辑 HTML、CSS、JavaScript 代码，点击「运行」查看效果
  • 点击「示例」加载内置演示代码，快速了解工具用法
  • 点击「复制」将当前激活 Tab 的代码复制到剪贴板（与下载行为一致，复制当前语言内容）
  • 点击「格式化」对当前激活 Tab 的代码进行自动格式化；勾选「自动运行」可在每次编辑后实时刷新预览
  • 点击「下载」将当前激活 Tab 的代码单独下载（HTML→index.html，CSS→style.css，JS→script.js）；点击「打包」将三个文件打包为 runhtml.zip 一次性下载
  • 支持 Ctrl+Enter 快捷键快速运行；Ctrl+S 格式化当前代码并立即运行
  • 支持全屏模式专注编码
注意事项
  • 代码在浏览器沙箱 iframe 中运行，请勿执行访问敏感信息或恶意操作的代码
  • 刷新页面会丢失代码，请及时点击「下载」保存
  • 所有处理均在浏览器本地完成，不会上传任何数据

相关工具

Avro Schema生成器

在线Apache Avro Schema生成器，将JSON数据自动推断并生成对应的Avro Schema定义。Apache Avro是Hadoop生态中的数据序列化框架，Schema以JSON格式定义，支持动态类型，在Apache Kafka配合Schema Registry使用时可实现消息格式的向前和向后兼容演进。本工具支持粘贴JSON数据后自动推断字段类型，生成包含namespace、name、type等完整属性的Avro Schema，支持嵌套对象和数组的类型推断，日期时间格式字符串自动识别为timestamp-millis逻辑类型。可下载生成的.avsc文件，所有处理在浏览器本地完成，数据不上传服务器。

驼峰下划线转换

在线命名风格转换工具，支持驼峰命名（camelCase）、帕斯卡命名（PascalCase）、下划线命名（snake_case）、连字符命名（kebab-case）、常量命名（UPPER_CASE）等多种编程命名风格之间的相互转换。不同编程语言和框架有不同的命名约定，如Java使用驼峰、Python使用下划线、CSS使用连字符。本工具支持批量转换，实时预览结果，是代码重构、API对接、数据库字段映射时的高效辅助工具。

数据库表结构转代码

数据库表结构转代码生成器，根据表结构定义自动生成完整的数据访问层代码。支持生成CRUD操作代码（增删改查）、Repository模式代码、DTO数据传输对象、Service层代码等。支持多种语言和框架模板（C# EF Core、Java MyBatis、Go GORM等），生成的代码包含完整的方法实现和注释。适用于快速搭建新项目的数据访问层、减少重复的样板代码编写、统一团队代码风格等场景，所有处理在浏览器本地完成，代码不上传服务器。

数据库表设计工具

在线数据库表结构设计工具，通过可视化界面快速设计数据库表结构并生成DDL建表语句。支持添加字段、设置数据类型、配置主键、外键、索引、唯一约束、非空约束、默认值等属性，实时生成对应的CREATE TABLE语句。支持MySQL、PostgreSQL、SQL Server等主流数据库的DDL语法。设计完成后可导出为SQL文件直接执行，或导出为Markdown格式的数据库文档。适用于新项目数据库设计阶段、数据库文档编写、团队数据库设计评审等场景，所有处理在浏览器本地完成，设计数据不上传服务器。

在线编辑器

基于Monaco Editor（VS Code同款编辑器内核）的在线代码编辑器，支持JavaScript、TypeScript、Python、Java、C#、Go、Rust、HTML、CSS、SQL等15种以上编程语言的语法高亮和代码格式化。提供代码折叠、行号显示、括号匹配、多光标编辑等专业编辑功能，支持快捷键操作。可导入本地文件进行编辑，编辑完成后一键复制或下载保存。代码完全在浏览器本地处理，不上传至服务器，保护代码隐私安全，是临时编写和测试代码的高效工具。

ER图在线绘制

在线ER图（实体关系图）绘制工具，通过文本描述语法快速生成数据库实体关系图。支持使用Mermaid erDiagram语法定义实体、属性和关系，实时预览生成的ER图。可描述一对一、一对多、多对多等关系类型，支持标注主键、外键、字段类型等信息。生成的ER图可导出为PNG或SVG格式，用于数据库设计文档、技术方案评审、团队沟通等场景。相比传统绘图工具，文本驱动的方式更便于版本控制和协作修改，适合将数据库设计文档纳入代码仓库管理，所有处理在浏览器本地完成。

陈氏ER图在线编辑

可视化拖拽式ER图在线编辑器，支持创建数据表、定义字段（类型/主键/唯一键）、建立表关系（1:1/1:N/M:N），一键导出MySQL/PostgreSQL/SQL Server/SQLite的DDL脚本，支持导出PNG图片和JSON设计稿，自动保存到本地。

C语言格式化

在线C语言代码格式化工具，自动整理C代码的缩进、空格、换行，使代码符合统一的编码规范。支持自定义缩进风格（空格数或Tab）、大括号位置（K&R风格、Allman风格）等格式化选项。格式化后的代码结构清晰，层次分明，大幅提升代码可读性。适用于整理从网络复制的代码片段、统一团队代码风格、代码审查前的格式规范化等场景。所有处理在浏览器本地完成，代码不上传服务器，保护代码安全。

C++格式化

在线C++代码格式化工具，自动整理C++代码的缩进、空格、换行，支持C++11/14/17/20等现代C++语法。可自定义缩进风格、大括号位置、指针和引用符号位置等格式化选项，支持多种主流代码风格（Google Style、LLVM Style、Mozilla Style等）。格式化后的代码结构清晰，符合团队编码规范，提升代码可读性和维护性。适用于代码审查、开源项目贡献、学习C++代码规范等场景，所有处理在浏览器本地完成。

C#格式化

在线C#代码格式化工具，自动整理C#代码的缩进、空格、换行，使代码符合Microsoft C#编码规范。支持C# 6.0及以上版本的语法，包括Lambda表达式、LINQ查询、异步方法等现代C#特性的格式化。可自定义缩进大小、大括号风格等选项。适用于整理从StackOverflow或GitHub复制的代码片段、统一.NET项目代码风格、代码审查前的格式规范化等场景，所有处理在浏览器本地完成，代码不上传服务器。

CSS格式化

在线CSS代码格式化工具，支持CSS代码的美化（格式化展开）和压缩（minify）两种模式。美化模式自动整理选择器、属性、值的缩进和换行，使CSS代码结构清晰易读；压缩模式删除所有空白字符，减小文件体积，提升页面加载速度。支持CSS3、媒体查询、CSS变量等现代CSS特性。适用于整理手写CSS、压缩生产环境样式文件、学习CSS代码规范等场景，所有处理在浏览器本地完成，保护代码隐私。

HTML格式化

在线HTML代码格式化工具，支持HTML代码的美化和压缩两种模式。美化模式自动整理HTML标签的嵌套缩进，使代码层次结构清晰可读；压缩模式删除多余空白字符，减小HTML文件体积。支持HTML5语法，正确处理自闭合标签、内联元素和块级元素的格式化规则。适用于整理从浏览器开发者工具复制的HTML片段、压缩生产环境HTML文件、学习HTML代码规范等场景，所有处理在浏览器本地完成，代码不上传服务器。

Java格式化

在线Java代码格式化工具，自动整理Java代码的缩进、空格、换行，使代码符合Java编码规范。支持Java 8及以上版本的语法，包括Lambda表达式、Stream API、泛型等特性的格式化。可自定义缩进大小、大括号风格、行长度限制等选项，支持Google Java Style和Oracle Java Style两种主流风格。适用于整理从网络复制的Java代码、统一团队代码风格、代码审查前的格式规范化等场景，所有处理在浏览器本地完成。

JavaScript格式化

在线JavaScript代码格式化工具，支持JS代码的美化和压缩两种模式。美化模式自动整理代码缩进、空格、换行，支持ES6+语法（箭头函数、解构赋值、模板字符串、async/await等）；压缩模式删除注释和空白字符，减小JS文件体积。可自定义缩进风格（2空格/4空格/Tab）、分号、引号等格式化选项。适用于整理混乱的JS代码、压缩生产环境脚本、学习JS代码规范等场景，所有处理在浏览器本地完成，代码不上传服务器。

Perl格式化

在线Perl代码格式化工具，自动整理Perl脚本的缩进、空格、换行，使代码结构清晰易读。支持Perl 5语法，正确处理正则表达式、哈希引用、数组操作等Perl特有语法结构的格式化。Perl广泛用于系统管理脚本、文本处理、CGI编程等场景。本工具适用于整理遗留Perl脚本、统一团队代码风格、学习Perl代码规范等场景，帮助开发者提升Perl代码的可读性和维护性，所有处理在浏览器本地完成。

PHP格式化

在线PHP代码格式化工具，自动整理PHP代码的缩进、空格、换行，使代码符合PSR-2/PSR-12编码规范。支持PHP 7.x/8.x语法，包括命名参数、枚举、纤程等现代PHP特性的格式化。可自定义缩进大小、大括号风格等选项。适用于整理WordPress插件代码、Laravel/Symfony项目代码规范化、代码审查前的格式整理等场景。PHP是全球最流行的Web开发语言之一，规范的代码格式对团队协作至关重要，所有处理在浏览器本地完成。

Python格式化

在线Python代码格式化工具，自动整理Python代码的缩进、空格、换行，使代码符合PEP 8编码规范。支持Python 3.x语法，包括类型注解、f-string、海象运算符等现代Python特性的格式化。Python对缩进有严格要求，格式错误会导致语法错误，本工具帮助开发者快速规范代码格式。适用于整理数据科学脚本、Django/Flask项目代码、机器学习代码等场景，是Python开发者的实用辅助工具，所有处理在浏览器本地完成。

Ruby格式化

在线Ruby代码格式化工具，自动整理Ruby代码的缩进、空格、换行，使代码符合Ruby社区编码规范（参考RuboCop风格指南）。支持Ruby 2.x/3.x语法，包括块语法、符号、哈希简写等Ruby特有语法的格式化。适用于整理Ruby on Rails项目代码、Sinatra应用代码、Ruby脚本等场景。规范的Ruby代码格式提升团队协作效率，减少代码审查中的格式争议，所有处理在浏览器本地完成，代码不上传服务器。

SQL格式化

在线SQL代码格式化工具，自动整理SQL语句的关键字大小写、缩进、换行，使复杂的SQL查询结构清晰易读。支持SELECT、INSERT、UPDATE、DELETE、CREATE TABLE、JOIN等各类SQL语句的格式化，兼容MySQL、PostgreSQL、SQL Server、Oracle等主流数据库方言。将压缩在一行的SQL语句展开为多行格式，或将多行SQL压缩为单行，适用于数据库开发、SQL调试、文档编写等场景，所有处理在浏览器本地完成。

VBScript格式化

在线VBScript代码格式化工具，自动整理VBScript脚本的缩进、空格、换行，使代码结构清晰易读。VBScript（Visual Basic Script）主要用于Windows系统管理脚本、Internet Explorer自动化、ASP经典网页开发等场景。本工具支持VBScript的Sub/Function、If/Then/Else、For/While循环等语法结构的格式化，帮助开发者整理遗留VBScript代码，提升可读性和维护性，所有处理在浏览器本地完成。

XML格式化

在线XML代码格式化工具，支持XML代码的美化（格式化展开）和压缩（minify）两种模式。美化模式自动整理XML标签的嵌套缩进，使XML文档层次结构清晰可读；压缩模式删除所有空白字符，减小XML文件体积。同时提供XML语法验证功能，帮助发现格式错误。适用于整理Spring配置文件、Maven pom.xml、Android布局文件、Web服务SOAP消息、RSS/Atom订阅源等XML格式文件，所有处理在浏览器本地完成。

HTML过滤

在线HTML过滤工具，支持从HTML代码中提取纯文本内容，去除所有HTML标签和属性。可选择保留或删除特定标签（如保留换行标签），支持自定义过滤规则。适用于从网页抓取内容后清理HTML标签、将富文本编辑器内容转为纯文本、清理用户输入中的HTML代码防止XSS攻击、提取邮件正文等场景。工具处理速度快，支持大文本批量处理，所有操作在浏览器本地完成，数据不上传服务器，保护数据隐私安全。

JSON在线解析与格式化

JSON在线解析与格式化工具，提供JSON代码的美化、压缩、验证和树形视图展示功能。美化模式将压缩的JSON展开为带缩进的可读格式；压缩模式删除所有空白字符减小数据体积；验证功能实时检测JSON语法错误并定位错误位置；树形视图以折叠展开的方式直观展示JSON数据结构。支持大文件处理，是API开发、数据调试、配置文件编辑的必备工具。JSON（JavaScript Object Notation）是目前最流行的数据交换格式，所有处理在浏览器本地完成。

JSON转C#实体类

在线JSON转C#实体类工具，根据JSON数据自动生成对应的C#类定义代码。智能推断字段类型（string、int、bool、DateTime、List<T>、嵌套类等），生成带有JsonProperty特性的属性定义，支持Newtonsoft.Json和System.Text.Json两种序列化库的特性格式。处理嵌套JSON对象时自动生成多层嵌套类结构。大幅减少手动编写数据模型类的工作量，适用于对接第三方API、处理JSON配置文件、数据库查询结果映射等场景，所有处理在浏览器本地完成。

JSON转Go结构体

在线JSON转Go结构体工具，根据JSON数据自动生成对应的Go语言struct定义代码。智能推断字段类型（string、int、float64、bool、[]interface{}、嵌套struct等），自动生成json标签（如`json:"fieldName"`），支持omitempty选项。处理嵌套JSON对象时自动生成多层嵌套struct。Go语言在云原生、微服务、高性能后端开发中广泛应用，本工具大幅减少手动编写数据结构的工作量，适用于对接REST API、处理JSON配置、gRPC数据映射等场景，所有处理在浏览器本地完成。

JSON转Java实体类

在线JSON转Java实体类工具，根据JSON数据自动生成对应的Java POJO类代码。智能推断字段类型（String、Integer、Long、Boolean、List<T>、嵌套类等），支持生成Getter/Setter方法、@JsonProperty注解（Jackson）、@SerializedName注解（Gson）、Lombok @Data注解等多种代码风格。处理嵌套JSON时自动生成内部类或独立类。适用于Spring Boot项目对接第三方API、Android开发JSON解析、数据库ORM映射等场景，大幅提升开发效率，所有处理在浏览器本地完成。

JSON左右视图解析器

JSON左右视图解析器，提供左右并排的双栏JSON展示界面，方便对比两个JSON数据的差异。左侧输入原始JSON，右侧显示格式化后的树形结构，支持节点折叠展开，快速定位数据差异。适用于API响应数据对比、配置文件版本对比、数据库查询结果比较、前后端数据一致性验证等场景。直观的并排视图让数据差异一目了然，大幅提升JSON数据调试效率，是API开发和数据处理的实用工具，所有处理在浏览器本地完成。

JSONPath查询工具

JSONPath在线查询工具，输入JSON数据和JSONPath表达式，实时输出匹配结果。支持完整JSONPath语法：$、.、[]、*、..递归下降、[?()]过滤表达式。适用于API响应数据提取、JSON数据分析，所有处理在浏览器本地完成。

JSON Schema生成器

从JSON数据自动推断生成JSON Schema文档，支持Draft-07/2019-09/2020-12规范，可配置required字段、数值范围推断、数组items处理策略。适用于API文档编写、数据验证规则生成、前后端接口约定等场景。

JSON上下视图解析器

JSON上下视图解析器，提供上下分栏的JSON展示界面，上方输入原始JSON文本，下方实时显示格式化的树形结构视图。支持节点折叠展开，可快速导航到深层嵌套的数据节点，点击节点可复制对应的JSON路径。适用于分析复杂JSON数据结构、调试API响应、查看配置文件内容等场景。树形视图让JSON数据层次结构清晰可见，特别适合处理深度嵌套的JSON数据，是开发者日常工作的实用工具，所有处理在浏览器本地完成。