# 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>
Now loading...

# 🔧 配置

{
  "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>
Now loading...

# "ignoreWhenNoAttributes": false

<template> <!-- ✗ BAD --> <div>content</div> <tr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr> <div><!-- comment --></div> </template>
Now loading...

# 🔍 实现