在新标签页中打开

在 ARTRU 上体验代码编辑器实时预览

ARTRU

2023 年 10 月 27 日

ARTRU 代码编辑器

代码编辑器简介

因为我经常泡在UI/UX、HTML、CSS、JS的群里,看到这里很多人都想修复代码错误,或者分享一些好的代码给大家截图或者上传到github。codepen,...

从中获得灵感 狐狸主题,我创建了一个具有类似功能的代码编辑器,并添加了一些内容。

你认为这个代码编辑器是我自己写的吗?不,我指的是 Chat-AI(Bard、Bing、ChatGPT)的所有这些功能。

体验 ARTRU 代码编辑器的链接.

功能

实时预览

窗户 预览 每次代码内容发生变化时都会自动更新。或者点击按钮 跑步 刷新预览部分。

ARTRU 代码编辑器实时预览
ARTRU 代码编辑器实时预览

Copy Code

单击复制代码按钮将代码保存到剪贴板。

按钮 复制代码
按钮 复制代码

美化代码

帮助对齐和重新格式化代码以使其笔直。

按钮美化代码
按钮美化代码

F1

按 F1 键盘上的 或工具栏上的按钮可打开工具箱 命令.

打开命令面板
打开命令面板

Ctrl + ,

按 Ctrl + , 键盘上的 或工具栏上的按钮将其打开 设置菜单.

显示设置菜单
显示设置菜单
创建链接代码
创建链接代码

这可能是我最喜欢的功能。

现在,您可以使用此功能立即创建共享链接,而无需创建 github 或 codepen 等帐户来保存。

缺点是如果代码太长则无法创建链接。

评论