tinker-web-runner

TINKER 的前端代码运行环境插件，支持编写和运行 HTML/CSS/JS。

功能特性

• HTML/CSS/JS 编辑器 — 独立的代码面板，支持 HTML、CSS 和 JavaScript 语法高亮
• 实时预览 — 即时运行代码并在内嵌预览面板中查看结果
• 深色/浅色模式 — 切换预览背景的深色和浅色主题
• 灵活布局 — 将编辑器和预览面板排列为左、右、上、下四种布局
• 面板显隐 — 根据需要显示或隐藏 HTML、CSS、JS 面板
• 代码格式化 — 一键格式化代码
• 保存到目录 — 将代码导出为独立的 index.html、style.css 和 script.js 文件
• 开发者工具 — 打开内置开发者工具，支持配置位置（底部、左侧、右侧）
• 右键菜单 — 右键可执行复制、粘贴、清空和格式化操作
• 状态持久化 — 自动保存代码和布局偏好设置

使用方法

1. 在各编辑器面板中编写 HTML、CSS 和 JavaScript 代码
2. 点击 Run 按钮执行代码并查看预览效果
3. 使用工具栏的布局按钮调整编辑器/预览面板的位置
4. 通过工具栏中间的 HTML、CSS、JS 按钮切换面板显隐
5. 点击 保存 按钮将代码导出为独立文件到指定目录
6. 使用深色/浅色模式切换按钮更改预览背景颜色