DivEditor可以在页面上创建一个<div>块级元素编辑器。在编辑器中，你可以应用各种样式，并在之后将源代码复制粘贴到模板或是文章中来改善页面设计。
安装[]
使用方法[]
为了使用这个脚本，你需要添加 <div id="Editor"></div> 至一个页面中，在这之后这个编辑器会出现在对应位置。由于 这个脚本会输出无法在移动端显示的内联代码，建议将其用作创建 CSS 代码的补充工具并作为基础将输出内容移动到站点或者个人css页面内。
你可以通过“更改编辑器”按钮来切换编辑器。
查看模式[]
查看 模式中你可以可视化地编辑样式设计。你可以从右侧区域中选择可以加入<div>容器中的选项。你也可以用“清空”按钮来删除源代码以重新编辑，或者使用“应用”按钮来应用“样式”与“属性”：
- 样式
- 这会定义会被添加入
<div>容器内的内联CSS代码。- 文本: 这一部分可以添加并调整容器内的文本(例如:
<div>文本</div>)。- 值: 定义容器内的文本，即value。
- 颜色: 定义字体颜色，即color。
- 字体: 定义字体，即font。
- 大小: 定义字体大小，即size。
- 样式: 定义字体样式，即style。
- 粗细: 定义字体粗细，即weight。
- 大小写: 定义字体大小写属性，即transform。
- 装饰: 定义字体装饰属性，即decoration。
- 对齐: 定义文本水平对齐方式，即align。
- 宽度: 这个标签会定义容器宽度，即width。
- 高度: 这个标签会定义容器高度，即height。
- 内边距: 这个标签会定义容器外边距。即margin。
- 外边距: 这个标签会定义容器内编剧，即padding。
- 背景: 这个标签会定义容器背景，通常用于调整颜色，即background。
- 定位: 这个标签会定义容器的定位方式，即position。
- 边框: 这个选项可以添加一个围绕容器的边框，即border。
- 宽度: 定义边框宽度，即width。
- 样式: 定义边框样式，即style。
- 颜色: 定义边框颜色，即color。
- 圆角: 定义边框圆角属性，即radius。
- 阴影: 这个标签可以为容器周围添加阴影，即shadow。
- 文本阴影: 这个标签定义文字阴影，即text shadow。
- 不透明度: 这个标签定义了容器的不透明度，即Opacity。
- 变形: 这个选项会决定容器的变形类型，即transform。
- 旋转: 定义旋转角度。
- 缩放-X: 定义X轴上的缩放程度。即scale-X。
- 缩放-Y: 定义Y轴上的缩放程度。即scale-Y。
- 倾斜-X: 定义X轴上的倾斜程度，即skew-X。
- 倾斜-Y: 定义Y轴上的倾斜程度，即skew-Y。
- 平移-X: 定义X轴上的平移程度，即translation-X。
- 平移-Y: 定义Y轴上的平移程度，即translation-Y。
- 原点-X: 决定变形的原点在X轴上的位置，即origin-X。
- 原点-Y: 决定变形的原点在Y轴上的位置，即origin-Y。
- 溢出: 这个标签定义超出容器的内容的溢出属性，即overflow。
- 文本: 这一部分可以添加并调整容器内的文本(例如:
- 属性
- 属性会定义添加到
<div>容器中的CSS类或ID。- 类: 这个标签定义容器的类，即classes。
- ID: 这个标签决定容器ID。
代码模式[]
代码可以让你以HTML/wikitext形式可视化编辑。你可以使用“复制”按钮复制源代码，并使用按钮来调整字体大小以提高可读性。