时间戳

首页 > 解决方案 > 如何在多行 html 字符串上禁用缩进

webstorm - 如何在多行 html 字符串上禁用缩进

问题描述

我怎样才能摆脱 WebStorm（重新格式化）缩进？

// 预期的

template: $template(
    '<div>' +
        '<label> {{currentLength}} </label>  ' +
    '</div>'
)

// 不是预期的，在应用 WebStorm 自动格式（缩进）之后

template: $template(
    '<div>' +
    '<label> {{currentLength}} </label>  ' +
    '</div>')

标签： webstorm

解决方案

我认为这不可能以您建议的形式实现 - 缩进父语言表达式（JavaScript）以遵守子语言（HTML）的缩进规则。作为一种解决方法，您可以将多行字符串转换为模板字符串（带有反引号）并添加//language=HTML注释以获取 HTML 注入和自动格式化：

//language=HTML
template: $template(
        `<div>
            <label> {{currentLength}} </label>
        </div>`)

推荐阅读