1. 上传HTML文件
点击"选择文件"按钮,选择本地的HTML文件,文件内容将自动加载到编辑器中。
重要:如果上传失败,请使用VS Code Live Server等工具在HTTP服务器环境下运行本页面,避免本地文件权限限制。
2. 编辑代码
在代码编辑区可以直接输入、修改HTML代码,编辑器会实时显示行号和字符数。
3. 代码整理
- 点击"整合CSS代码"按钮,可将所有CSS代码合并到一个<style>标签中
- 点击"整合JS代码"按钮,可将所有JavaScript代码合并到一个<script>标签中
- 点击"整合所有代码"按钮,可同时完成CSS和JS代码的整合
4. 查找与替换
- 在"查找"输入框中输入要查找的内容,点击查找按钮或按Enter键
- 在"替换为"输入框中输入替换内容
- 点击"替换"按钮替换当前匹配项,点击"全部替换"替换所有匹配项
5. 预览网页
点击顶部导航栏的"预览"图标或左侧工具栏的"预览网页"按钮,可以查看编辑后的HTML效果。预览窗口支持刷新和全屏查看。
6. 格式化代码
点击"格式化代码"按钮可以自动整理HTML代码格式,使其更易读。
7. 保存文件
编辑完成后,点击"保存HTML文件"按钮,将编辑后的代码保存为新的HTML文件。