UD5工具箱
步骤一：打开工具页面
在浏览器中访问代码折叠编辑器演示工具页面。页面加载后会显示一个文本输入区和操作按钮栏。默认情况下，工具会显示统计信息：“共 0 行，可折叠 0 块，已折叠 0”。此时还没有代码内容，需要输入或加载示例代码。确认页面加载完成，各个按钮均可正常点击。
步骤二：输入或粘贴代码
在编辑器文本区域中输入或粘贴待分析的代码。建议使用具有明确缩进结构的代码，这样能获得最佳的折叠效果。对于Python、YAML等语言文件效果尤为理想。如果是JavaScript、Java等使用大括号的语言，确保代码保持良好的缩进习惯即可。输入完成后，点击“应用代码”按钮进行分析。
步骤三：点击折叠按钮
代码应用后，每个可折叠的代码块前面会出现一个折叠按钮。点击该按钮，对应的代码块及其所有子内容都会被收起。折叠后该行末尾会显示一个短横线标记，表示此处有被折叠的内容。你可以继续点击其他代码块的折叠按钮，实现多层折叠。实时统计信息会随操作更新。
步骤四：展开代码块
再次点击已折叠代码块的折叠按钮，即可展开该代码块。展开时，内层的折叠状态会被保留——即之前折叠的子代码块仍然保持折叠状态。这使得你可以精细控制每一层的展示范围。展开后可以继续编辑代码，或调整其他代码块的折叠状态。操作灵活方便。
步骤五：使用全局控制
点击“全部折叠”按钮可一键收起所有代码块，只展示最外层的结构概览；点击“全部展开”则展开所有已折叠的代码块。这两个按钮是快速浏览和整理代码结构的得力工具。全部折叠后可以快速看到代码的顶层模块列表；全部展开后可以检查任何细节。统计信息实时更新。
步骤六：切换缩进尺寸
通过缩进尺寸选择器（2空格、4空格、8空格、Tab）切换代码的缩进规范。切换后工具会重新解析代码结构，重新计算折叠块。例如，一段用2空格缩进的代码在切换到4空格模式后，部分原本的多层结构可能会被合并为单层。这对于调试不同缩进规范的代码非常实用。
步骤七：复制完整代码
完成折叠操作后，点击“复制代码”按钮即可复制完整的原始代码。无论当前视图中有多少代码块被折叠，复制的内容都是完整的。这对于分享代码或存储修改后的版本非常方便。复制完成后工具会显示提示，告知用户代码已复制到剪贴板。所有操作均在浏览器本地完成。