HTML编辑器
在线编辑html代码,实时显示代码的运行结果
沙盒渲染机制 Technical Architecture
该编辑器利用 IFrame 隔离技术 创建了一个安全的运行环境。当你执行代码时:
代码注入
解析器提取你编写的 HTML、CSS 和 JS 片段。
依赖组装
自动将选择的第三方库动态插入到文档头部。
DOM 重构
通过 iframe.document.write() 刷新渲染上下文。
CDN Delivery Strategy
我们强烈建议通过 CDN (Content Delivery Network) 引入第三方库。这能有效利用边缘缓存,极大降低脚本加载延时,并减少服务器流量消耗。
Developer Tip
开启 Auto-Update 模式时,如涉及大量 DOM 操作或 Canvas 动画,预览区可能会出现闪烁。此时建议手动点击 RUN EXPLORER 进行渲染。