样式表编辑
重置
应用
styles.css (标准CSS格式)
所有元素HTML代码（可编辑）
重置
复制代码
应用全部
H1
H2
段落
输入框
按钮
总结构
添加块
构建
JavaScript编辑
重置
保存
复制
console.log()
函数
事件监听
构建结果
×
文件名:
取消
下载HTML文件
选择块类型
×
代码
自定义代码块，可直接编辑内容
样式表
与样式表编辑器同步的CSS代码
控件块
与控件编辑器同步的HTML代码
JS
与JavaScript编辑器同步的代码
纯独立控件库
标题标签
H1 大标题
H2 二级标题
H3 三级标题
块级文本容器
段落 (p)
引用块
按钮控件
普通按钮
提交按钮
输入控件
文本输入框
密码框
日期选择框
选择控件
下拉菜单
文本区域
文本域
标签
媒体元素
图片
视频
音频
按F8切换侧边栏
按F9切换代码界面
按insert打开插件菜单
选中元素可编辑代码
从左侧拖拽独立控件到此处
点击元素选中后可在右侧编辑代码
编辑代码将实时反映到页面元素
按F8切换侧边栏显示/隐藏
按F9切换代码界面
元素属性与代码编辑
请在编辑区点击选择一个元素
以查看和编辑其属性及HTML代码
位置信息
X 坐标 (px)
Y 坐标 (px)
元素信息
元素类型
HTML代码编辑（包含位置）
编辑代码将实时更新元素
应用修改
复制代码
所有元素代码汇总