在线 HTML 编辑器

<!DOCTYPE html> <html> <head> <title>在线 HTML 编辑器</title> </head> <body> <h1>在线 HTML 编辑器</h1> <p>这是一个实时 HTML 在线编辑器</p> </body> </html>

使用在线 HTML 编辑器(HTML-5 版)直接在浏览器中编辑、运行和共享您的 HTML 代码。此在线编译器让您可以使用最新版的 HTML-5 轻松编辑和编译代码。

如何使用在线 HTML 编辑器?

编写并执行代码

  • 直接在“源代码”选项卡下方编写(或者粘贴)您的程序。
  • 如果您希望保存程序,请前往“项目”菜单并保存它。
  • 您可以不保存程序而直接执行它,只需单击“执行”按钮即可。

如何输入用户输入?

最新版的在线 HTML 编辑器允许您在运行时从终端窗口提供程序输入,方式与在自己的电脑上运行程序完全相同。因此,只需运行程序,然后从右侧提供的终端窗口中提供程序输入(如果有)即可。

键盘快捷键

以下是我们编辑器的快捷键

快捷键说明
⌘ + Enter运行此程序
⌘ + S保存项目(需要登录)
⇧ + ⌘ + S另存为项目
⌘ + P新建项目
⌘ + G共享项目
⌘ + Z撤销编辑
⌘ + Y重做编辑
⌘ + A全选文本
⌘ + X剪切所选文本
⌘ + C复制所选文本
⌘ + V粘贴已复制文本
⌘ + F搜索文本
⌘ + ⌥ + F替换文本
快捷键说明
Ctrl + Enter运行此程序
Ctrl + S保存项目
Shift + Ctrl + S另存为项目
Ctrl + G共享项目
Ctrl + Z撤销编辑
Ctrl + Y重做编辑
Ctrl + A全选文本
Ctrl + X剪切所选文本
Ctrl + C复制所选文本
Ctrl + V粘贴已复制文本
Ctrl + F搜索文本
Ctrl + H替换文本

保存并共享项目代码

在线保存 HTML 项目

可以将 HTML 项目保存在我们的网站上,以便以后访问此项目。要保存项目,您需要使用我们的网站创建登录 ID。因此,在保存项目之前,请使用本页面右上角提供的链接创建登录 ID。

在线共享 HTML 项目

您可以使用此功能与您的老师、同学和同事分享您的 Html 代码。只需单击分享按钮,便会创建一个短连接,可以通过电子邮件、WhatsApp 甚至社交媒体进行分享。如果一个分享连接在近 3 个月内都处于非活动状态,那么该连接会遭到删除。

编辑器的更多功能

  • 主题 – 您可以在“设置”菜单下的“编辑器主题”选项中更改当前编辑器的主题。
  • 字体大小 – 您可以在“设置”菜单下的“字体大小”选项中更改编辑器/编译器的字体大小。
  • 制表符大小 – 您可以在“设置”菜单下的“制表符大小”选项中更改制表符大小。
  • 显示/隐藏行号 – 您可以在“设置”菜单下的“显示行号”或“隐藏行号”选项中显示/隐藏代码的行号。
  • 以及更多。

为什么要使用在线 Html 编辑器?

使用在线 Html 编辑器运行 Html 代码有诸多好处

  • 平台无关性:您无需关心操作系统而可以在任何设备上运行您的代码。
  • 便利性:您无需安装任何工具即可使用此项服务。
  • 无需设置:无需进行其他设置即可运行您的代码。
  • 最新版本:我们的在线编译器/编辑器/终端都是最新的。
 执行 |  美化 | 分享
我的项目
更改密码
我的个人资料
登出
撤销
重做
剪切
复制
粘贴
删除
全选
查找
查找并替换
编辑器主题
深红
Eclipse
Github
Soda
krTheme
Monokai
终端
Textmate
黄昏
Vibrant Ink
字体大小
8px
9px
10px
11px
12px
13px
14px
15px
16px
17px
18px
20px
22px
24px
制表符大小
1
2
3
4
5
6
7
8
显示无形
隐藏无形
显示行号
隐藏行号
Ace 编辑器(默认)
Vim 编辑器
Emacs 编辑器
打开一个新项目
保存项目
另存为新项目
共享项目
搜索项目
在线 Java 编译器
在线 Python 编译器
在线 C++ 编译器
在线 CSharp 编译器
在线 C 编译器
在线 PHP 编译器
在线 R 编译器
在线 NumPy 编译器
更多编译器