增强版本地网页代码编辑器
加载代码到预览
保存修改到代码区
复制完整代码
添加新元素
代码编辑区(支持直接修改)
预览区
全屏预览
编辑模式
编辑选中元素
×
基础信息
元素类型
元素内容(支持HTML)
链接地址(a/img标签专用)
元素属性
ID属性(唯一标识)
Class属性(多个用空格分隔)
样式设置
宽度(如100px/50%/auto)
高度(如50px/auto)
背景色(如#fff、red、rgb(255,255,255))
文字色(如#333、blue)
位置模式
默认(继承)
静态(static)
相对定位(relative)
绝对定位(absolute)
固定定位(fixed)
自定义CSS(多个样式用分号分隔)
交互事件
点击事件(JavaScript代码)
添加新元素
×
选择元素类型
-- 请选择元素类型 --
容器(div)
标题1(h1)
标题2(h2)
标题3(h3)
段落(p)
链接(a)
图片(img)
按钮(button)
行内文本(span)
元素内容(支持HTML)
链接/图片地址
父容器(默认添加到body)
body(页面主体)
初始样式(可选)