Question

我为Emmet添加了一些自定义代码段，但我无法弄清楚如何在新行上添加内容。

以下是包含示例自定义代码段的示例snippets.json。

{
  "html": {
    "abbreviations": {
      "img": "<img src='' alt='' title='' />"
    }
  }
}

哪个输出

<img src="" alt="" title="">

我希望输出

<img src="" 
     alt="" 
     title=""
>

我尝试在各个地方添加\\n，并且只是将代码放在新行上的json文件中，但无法正常工作。

我有什么想法可以做到这一点？

提前致谢

Answer 1

你是对的，在abbreviations部分代码被解析，构造成树并根据应用的过滤器和输出配置文件进行格式化。因此，您可以选择使用snippet换行，也可以创建自定义过滤器，按预期格式化代码。

Answer 2

根本没有像Emmets中的换行符这样的选项。通过访问以下链接，您可以查看Emmets备忘单：

https://docs.emmet.io/cheat-sheet/

Answer 3

我之前遇到过同样的问题！！！现在我做到了，方法是阅读您的问题大声笑！

我使用editplus.com（在Windows 10：x64上），因此我编辑snippets.json，然后为了回车，我像在php中这样写：\ r \ n

所以现在我将其插入html中：

"cc:noie": "<!--[if !IE]><!-->\n\t${child}|\n<!--<![endif]-->",  <----this comma
            "php": "<?php\r\n?>"   <-----------------------------------this code
        },

        "abbreviations": {

现在我有php，然后按Tab转换，直接在空白php文件中！我不知道您将在何处使用它在同一情况下可以工作

您的缩写在editplus编辑器中有效

"img": "<img src='' \r\nalt='' \r\ntitle='' />"

自定义emmet片段的新行

3 个答案: