Strip Attribute Lines
Whether or not newlines contained within tag attributes should be preserved. This rule is used along side the forceAttribute rule. When enabled (true) then Æsthetic will strip empty newline occurrences within HTML tags attributes. When disabled (false) then newlines occurrences will be preserved in accordance with the global preserveLine limit defined.
Related Rules
This rule wil only take effect when forceAttribute is enabled (ie: true) or a defined forceAttribute limit has been exceeded. The rule will also take effect if attribute forcing is being applied according to global wrap limits.
false
Below is the default, wherein the attributes preserve the newlines contained within, Notice how before formatting there is 4 lines present but after formatting only 2 are preserved as per the global preserveLine rule value.
- default
- recommended
- warrington
- strict
- prettier
<div
class="x"
id="foo"
data-x="xx">
<div
data-attr-1="one"
data-attr-2="two"
data-attr-3="three"
data-attr-4="four"
data-attr-5="five">
<!-- All attribute newlines will be preserved -->
</div>
</div>
<div
class="x"
id="foo"
data-x="xx">
<div
data-attr-1="one"
data-attr-2="two"
data-attr-3="three"
data-attr-4="four"
data-attr-5="five">
<!-- All attribute newlines will be preserved -->
</div>
</div>true
Below is an example of how this rule works if it’s enabled, ie: true. This will strip out empty new lines contained in markup tag attributes in accordance with preserveLine defined limit.
- default
- recommended
- warrington
- strict
- prettier
<div
class="x"
id="foo"
data-x="xx">
<div
data-attr-1="one"
data-attr-2="two"
data-attr-3="three"
data-attr-4="four"
data-attr-5="five">
<!-- All attribute newlines will be stripped -->
</div>
</div>
<div
class="x"
id="foo"
data-x="xx">
<div
data-attr-1="one"
data-attr-2="two"
data-attr-3="three"
data-attr-4="four"
data-attr-5="five">
<!-- All attribute newlines will be stripped -->
</div>
</div>