HTML 的 EditorConfig 属性：格式化样式
制表符和缩进
缩进样式
属性名称：
缩进样式， HTML 缩进样式
可能的值：
tab: 制表符space: 空格
示例:
制表符 |
|---|
<div>
<div>
text
</div>
</div>
|
空格 |
|---|
<div>
<div>
text
</div>
</div>
|
缩进大小
属性名称：
缩进大小， HTML 缩进大小
可能的值：
一个整数
示例:
值：0 |
|---|
<div>
<div>
text
</div>
</div>
|
值：1 |
|---|
<div>
<div>
text
</div>
</div>
|
值：2 |
|---|
<div>
<div>
text
</div>
</div>
|
制表符宽度
属性名称：
tab 宽度， HTML tab 宽度
可能的值：
一个整数
示例:
值：0 |
|---|
<div>
<div>
text
</div>
</div>
|
值：1 |
|---|
<div>
<div>
text
</div>
</div>
|
值：2 |
|---|
<div>
<div>
text
</div>
</div>
|
制表符用于缩进时如何对齐
属性名称：
HTML 对齐的制表符填充样式， 对齐的制表符填充样式
可能的值：
使用空格: 使用空格（在任何制表符大小下看起来都对齐）仅使用制表符: 仅使用制表符（不准确）最佳填充方式: 混合使用制表符和空格以实现最佳填充
即使结果缩进过大也要对齐
属性名称：
允许远端对齐， 允许远端对齐
可能的值：
true | false
处理指令
在特性中的 '=' 周围空格
属性名称：
在处理指令属性中等号周围添加空格， 在处理指令属性中等号周围添加空格
可能的值：
true | false
示例:
true |
|---|
<?xml version = '1.0' encoding = 'utf-8'?>
|
false |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
在最后一个特性后空格
属性名称：
处理指令属性之后添加空格， 处理指令属性之后添加空格
可能的值：
true | false
示例:
true |
|---|
<?xml version='1.0' encoding='utf-8' ?>
|
false |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
特性格式
属性名称：
处理指令属性样式， 处理指令属性样式
可能的值：
单行显示：在单行上首个属性单行显示：第一个属性在单行上分行显示：每个属性在单独的行上不进行更改：不做任何更改
示例:
on_single_line |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
first_attribute_on_single_line |
|---|
<?xml version='1.0'
encoding='utf-8'?>
|
on_different_lines |
|---|
<?xml
version='1.0'
encoding='utf-8'?>
|
do_not_touch |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
特性缩进
属性名称：
处理指令属性缩进， 处理指令属性缩进
可能的值：
单级缩进：单缩进双级缩进：双缩进按首个属性对齐：按第一个属性对齐
示例:
single_indent |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
double_indent |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
align_by_first_attribute |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
处理指令后空行
属性名称：
处理指令后插入空行， 处理指令后插入空行
可能的值：
true | false
示例:
true |
|---|
<?xml version='1.0' encoding='utf-8'?>
<a/>
|
false |
|---|
<?xml version='1.0' encoding='utf-8'?>
<a/>
|
标签头部内部
在特性中的 '=' 周围空格
属性名称：
在属性等号周围添加空格， 在属性等号周围添加空格
可能的值：
true | false
示例:
true |
|---|
<a x = '1' y = '2' z = '3'/>
|
false |
|---|
<a x='1' y='2' z='3'/>
|
在最后一个特性后空格
属性名称：
最后一个属性后添加空格， 最后一个属性后添加空格
可能的值：
true | false
示例:
true |
|---|
<a x='1' y='2' z='3' >text</a>
|
false |
|---|
<a x='1' y='2' z='3'>text</a>
|
在 '/>' 前空格
属性名称：
自闭合标签前添加空格， 自闭合标签前添加空格
可能的值：
true | false
示例:
true |
|---|
<a />
|
false |
|---|
<a/>
|
特性格式
属性名称：
HTML 属性样式， 属性样式
可能的值：
单行显示：在单行上首个属性单行显示：第一个属性在单行上分行显示：每个属性在单独的行上不进行更改：不做任何更改
示例:
on_single_line |
|---|
<a x='1' y='2' z='3'/>
|
first_attribute_on_single_line |
|---|
<a x='1'
y='2'
z='3'/>
|
on_different_lines |
|---|
<a
x='1'
y='2'
z='3'/>
|
do_not_touch |
|---|
<a x='1' y='2' z='3'/>
|
特性缩进
属性名称：
HTML 属性缩进， 属性缩进
可能的值：
单级缩进：单缩进双级缩进：双缩进按首个属性对齐：按第一个属性对齐
示例:
single_indent |
|---|
<div class='a'
style='color:red'
data-attr='3'/>
|
double_indent |
|---|
<div class='a'
style='color:red'
data-attr='3'/>
|
align_by_first_attribute |
|---|
<div class='a'
style='color:red'
data-attr='3'/>
|
对特性排序
属性名称：
排序属性， 排序属性
可能的值：
true | false
示例:
true |
|---|
<div class='a'
data-attr='3'
style='color:red'/>
|
false |
|---|
<div data-attr='3'
style='color:red'
class='a'/>
|
对类选择器排序
属性名称：
排序类选择器， 排序类选择器
可能的值：
true | false
示例:
true |
|---|
<div class="a b c"/>
|
false |
|---|
<div class="b c a"/>
|
标签周围
标记之间的最大空行数
属性名称：
标签之间最大空行数， 标签之间最大空行数
可能的值：
一个整数
示例:
值：0 |
|---|
<br/>
<br/>
|
值：1 |
|---|
<br/>
<br/>
|
值：2 |
|---|
<br/>
<br/>
|
将所有元素置于新行中
属性名称：
所有元素前换行， 所有元素前换行
可能的值：
true | false
示例:
true |
|---|
Hi!
<br/>
<i>some text</i>
<b>some text</b>
|
false |
|---|
Hi! <br/><i>some text</i><b>some text</b>
|
将多行元素置于新行中
属性名称：
多行元素前换行， 多行元素前换行
可能的值：
true | false
示例:
true |
|---|
Hi! <br/><i>some text</i>
<b>
more text
</b>
<img
data-attr='3'
class='a'/>
|
false |
|---|
Hi! <br/><i>some text</i><b>
more text
</b><img
data-attr='3'
class='a'/>
|
将后续元素置于新行中
属性名称：
指定元素前换行， 指定元素前换行
不缩进的子元素
属性名称：
元素内部不缩进， 元素内部不缩进
如果元素的行数多于此值则不缩进子级
属性名称：
当元素长度超过指定值时不缩进内部内容， 当元素长度超过指定值时不缩进内部内容
可能的值：
一个整数
保留内部空格
属性名称：
保持标签内部空格， 保持标签内部空格
在多行元素中的开始标记后和结束标记前换行
属性名称：
对多行元素，标签内添加换行， 对多行元素，标签内添加换行
可能的值：
true | false
示例:
true |
|---|
<tag>
text text text
Text text text text text text text text text
</tag>
|
false |
|---|
<tag>text text text
Text text text text text text text text text</tag>
|
在包含其他元素且无文本的元素的开始标记后和结束标记前换行
属性名称：
对包含子元素的元素，标签内添加换行， 对包含子元素的元素，标签内添加换行
可能的值：
true | false
示例:
true |
|---|
<tag>
<othertag>text</othertag>
</tag>
|
false |
|---|
<tag><othertag>text</othertag></tag>
|
其它
在文件末尾换行
属性名称：
插入最终换行符， HTML 文件末尾插入换行符
可能的值：
true | false
内部多余空格
属性名称：
移除多余空格， 移除多余空格
可能的值：
删除全部：移除所有多余空格保留制表符：保留多余的制表符保留多个空格：保留多个多余空格全部保留：保留所有多余的空格和制表符
示例:
格式化前 | 格式化之后，remove_all |
|---|---|
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
| <p id="II"> I </p>
<em dir="rtl"> He </em>
<div class="first"> You </div>
<p id="II"> I </p>
<em dir="rtl"> He </em>
<div class="first"> You </div>
|
格式化前 | 格式化之后，leave_tabs |
|---|---|
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
| <p id="II"> I </p>
<em dir="rtl"> He </em>
<div class="first"> You </div>
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
|
格式化前 | 格式化之后，leave_multiple |
|---|---|
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
| <p id ="II" > I </p>
<em dir ="rtl" > He </em>
<div class="first"> You </div>
<p id="II"> I </p>
<em dir="rtl"> He </em>
<div class="first"> You </div>
|
格式化前 | 格式化之后，leave_all |
|---|---|
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
| <p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
<p id = "II" > I </p>
<em dir = "rtl" > He </em>
<div class = "first" > You </div>
|