HTML 的 EditorConfig 属性:格式化样式
制表符和缩进
缩进样式
属性名称:
indent_style, [resharper_]html_indent_style
可能的值:
tab: Tabspace: Spaces
示例:
制表符 |
|---|
<div>
<div>
text
</div>
</div>
|
空格 |
|---|
<div>
<div>
text
</div>
</div>
|
缩进大小
属性名称:
indent_size, [resharper_]html_indent_size
可能的值:
整数
示例:
值:0 |
|---|
<div>
<div>
text
</div>
</div>
|
值:1 |
|---|
<div>
<div>
text
</div>
</div>
|
值:2 |
|---|
<div>
<div>
text
</div>
</div>
|
制表符宽度
属性名称:
tab_width, [resharper_]html_tab_width
可能的值:
整数
示例:
值:0 |
|---|
<div>
<div>
text
</div>
</div>
|
值:1 |
|---|
<div>
<div>
text
</div>
</div>
|
值:2 |
|---|
<div>
<div>
text
</div>
</div>
|
制表符用于缩进时如何对齐
属性名称:
[resharper_]html_alignment_tab_fill_style, [resharper_]alignment_tab_fill_style
可能的值:
use_spaces: 使用空格(在任何制表符大小下看起来对齐)use_tabs_only:仅使用制表符(不准确)optimal_fill: 混合使用制表符和空格以获得最佳填充
即使结果缩进过大也要对齐
属性名称:
[resharper_]html_allow_far_alignment, [resharper_]allow_far_alignment
可能的值:
true | false
处理指令
在特性中的 '=' 周围空格
属性名称:
[resharper_]html_spaces_around_eq_in_pi_attribute, [resharper_]spaces_around_eq_in_pi_attribute
可能的值:
true | false
示例:
true |
|---|
<?xml version = '1.0' encoding = 'utf-8'?>
|
false |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
在最后一个特性后空格
属性名称:
[resharper_]html_space_after_last_pi_attribute, [resharper_]space_after_last_pi_attribute
可能的值:
true | false
示例:
true |
|---|
<?xml version='1.0' encoding='utf-8' ?>
|
false |
|---|
<?xml version='1.0' encoding='utf-8'?>
|
特性格式
属性名称:
[resharper_]html_pi_attribute_style, [resharper_]pi_attribute_style
可能的值:
on_single_line: 单行显示first_attribute_on_single_line: 第一个属性单行显示on_different_lines: 每个属性单独一行do_not_touch: 不做任何更改
示例:
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'?>
|
特性缩进
属性名称:
[resharper_]html_pi_attributes_indent, [resharper_]pi_attributes_indent
可能的值:
single_indent: 单层缩进double_indent: 双层缩进align_by_first_attribute: 按第一个属性对齐
示例:
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'?>
|
处理指令后空行
属性名称:
[resharper_]html_blank_line_after_pi, [resharper_]blank_line_after_pi
可能的值:
true | false
示例:
true |
|---|
<?xml version='1.0' encoding='utf-8'?>
<a/>
|
false |
|---|
<?xml version='1.0' encoding='utf-8'?>
<a/>
|
标签头部内部
在特性中的 '=' 周围空格
属性名称:
[resharper_]html_spaces_around_eq_in_attribute, [resharper_]spaces_around_eq_in_attribute
可能的值:
true | false
示例:
true |
|---|
<a x = '1' y = '2' z = '3'/>
|
false |
|---|
<a x='1' y='2' z='3'/>
|
在最后一个特性后空格
属性名称:
[resharper_]html_space_after_last_attribute, [resharper_]space_after_last_attribute
可能的值:
true | false
示例:
true |
|---|
<a x='1' y='2' z='3' >text</a>
|
false |
|---|
<a x='1' y='2' z='3'>text</a>
|
在 '/>' 前空格
属性名称:
[resharper_]html_space_before_self_closing, [resharper_]space_before_self_closing
可能的值:
true | false
示例:
true |
|---|
<a />
|
false |
|---|
<a/>
|
特性格式
属性名称:
[resharper_]html_attribute_style, [resharper_]attribute_style
可能的值:
on_single_line: 单行显示first_attribute_on_single_line: 第一个属性单行显示on_different_lines: 每个属性单独一行do_not_touch: 不做任何更改
示例:
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'/>
|
特性缩进
属性名称:
[resharper_]html_attribute_indent, [resharper_]attribute_indent
可能的值:
single_indent: 单层缩进double_indent: 双层缩进align_by_first_attribute: 按第一个属性对齐
示例:
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'/>
|
对特性排序
属性名称:
[resharper_]html_sort_attributes, [resharper_]sort_attributes
可能的值:
true | false
示例:
true |
|---|
<div class='a'
data-attr='3'
style='color:red'/>
|
false |
|---|
<div data-attr='3'
style='color:red'
class='a'/>
|
对类选择器排序
属性名称:
[resharper_]html_sort_class_selectors, [resharper_]sort_class_selectors
可能的值:
true | false
示例:
true |
|---|
<div class="a b c"/>
|
false |
|---|
<div class="b c a"/>
|
标签周围
标记之间的最大空行数
属性名称:
[resharper_]html_max_blank_lines_between_tags, [resharper_]max_blank_lines_between_tags
可能的值:
整数
示例:
值:0 |
|---|
<br/>
<br/>
|
值:1 |
|---|
<br/>
<br/>
|
值:2 |
|---|
<br/>
<br/>
|
将所有元素置于新行中
属性名称:
[resharper_]html_linebreak_before_all_elements, [resharper_]linebreak_before_all_elements
可能的值:
true | false
示例:
true |
|---|
Hi!
<br/>
<i>some text</i>
<b>some text</b>
|
false |
|---|
Hi! <br/><i>some text</i><b>some text</b>
|
将多行元素置于新行中
属性名称:
[resharper_]html_linebreak_before_multiline_elements, [resharper_]linebreak_before_multiline_elements
可能的值:
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'/>
|
将后续元素置于新行中
属性名称:
[resharper_]html_linebreak_before_elements, [resharper_]linebreak_before_elements
不缩进的子元素
属性名称:
[resharper_]html_no_indent_inside_elements, [resharper_]no_indent_inside_elements
如果元素的行数多于此值则不缩进子级
属性名称:
[resharper_]html_no_indent_inside_if_element_longer_than, [resharper_]no_indent_inside_if_element_longer_than
可能的值:
整数
保留内部空格
属性名称:
[resharper_]html_preserve_spaces_inside_tags, [resharper_]preserve_spaces_inside_tags
在多行元素中的开始标记后和结束标记前换行
属性名称:
[resharper_]html_linebreaks_inside_tags_for_multiline_elements, [resharper_]linebreaks_inside_tags_for_multiline_elements
可能的值:
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>
|
在包含其他元素且无文本的元素的开始标记后和结束标记前换行
属性名称:
[resharper_]html_linebreaks_inside_tags_for_elements_with_child_elements, [resharper_]linebreaks_inside_tags_for_elements_with_child_elements
可能的值:
true | false
示例:
true |
|---|
<tag>
<othertag>text</othertag>
</tag>
|
false |
|---|
<tag><othertag>text</othertag></tag>
|
其它
在文件末尾换行
属性名称:
insert_final_newline, [resharper_]html_insert_final_newline
可能的值:
true | false
内部多余空格
属性名称:
[resharper_]html_extra_spaces, [resharper_]extra_spaces
可能的值:
remove_all:移除所有多余空格leave_tabs:保留多余的制表符leave_multiple:保留多个多余空格leave_all:保留所有多余的空格和制表符
示例:
格式化之前 | 格式化后,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>
|