如何在VS代码中创建自定义HTML片段?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (73)

Dreamweaver提供的一个方便的特性是使用自定义代码段。VS代码提供自定义片段也是,但是它的工作方式与Dreamweaver片段从我所能看到的角度来看,这需要付出更多的努力。下面是VS代码中正在发生的事情。

VS代码自定义片段

{
        "Preheader": {
            "prefix": "preheader",
            "body": [
                "<span style="display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;">text goes here</span>"
            ],
            "description": "preheader for email"
    }
}

结果

<span style=

预期结果

<span style="display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;">text goes here</span>

为了达到预期的结果,我似乎要做些什么?这可能有点平凡,因为在我的电子邮件开发过程中,我可能会有大量的代码行:

我是在VS代码中使用正确的特性来创建客户片段吗?还是使用错误的特性。

提问于
用户回答回答于

这只是你的名言,试试看:

"<span style='display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;'>text goes here</span>"

注意双引号和单引号的交替。另外,似乎你不能用另一种方法(单引号周围的单引号=no)。

或者,如果你想在html中使用双引号,你可以转义内部引号,如下所示:

"<span style=\"display:none !important; mso-hide: all; color:#FEE4DC; max-height: 0px; overflow: hidden;\">text goes here</span>"
用户回答回答于

因此,我找到了一个很好的解决方案来解决我的问题,在这种情况下,需要将长代码行转换为VS代码片段。这个解决方案是代码段生成器应用程序。

扫码关注云+社区

领取腾讯云代金券