# san/singleline-html-element-content-newline
要求在单行元素的内容前后换行
- ⚙️ 此规则包含于
"plugin:san/strongly-recommended"
和"plugin:san/recommended"
. - 🔧 命令行 (opens new window)中的
--fix
选项可以自动修复此规则报告的一些问题。
# 📖 规则细节
此规则要求在单行元素的内容前后强制换行。
<template>
<!-- ✓ GOOD -->
<div attr>
content
</div>
<tr attr>
<td>
{{ data1 }}
</td>
<td>
{{ data2 }}
</td>
</tr>
<div attr>
<!-- comment -->
</div>
<!-- ✗ BAD -->
<div attr>content</div>
<tr attr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr>
<div attr><!-- comment --></div>
</template>
# 🔧 配置
{
"san/singleline-html-element-content-newline": ["error", {
"ignoreWhenNoAttributes": true,
"ignoreWhenEmpty": true,
"ignores": ["pre", "textarea", ...INLINE_ELEMENTS]
}]
}
ignoreWhenNoAttributes
... 当给定元素没有属性时,允许处在一行中并包含内容。 默认"true"
ignoreWhenEmpty
...当元素没有内容时忽略检查。 默认"true"
ignores
... 忽略检查的元素。默认["pre", "textarea", ...INLINE_ELEMENTS]
。
TIP
所有INLINE_ELEMENTS
都可以在这里 (opens new window)找到。
# "ignoreWhenNoAttributes": true
<template>
<!-- ✗ BAD -->
<div attr>content</div>
<tr attr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr>
<div attr><!-- comment --></div>
</template>
# "ignoreWhenNoAttributes": false
<template>
<!-- ✗ BAD -->
<div>content</div>
<tr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr>
<div><!-- comment --></div>
</template>