文章/答案/技术大牛

发布

社区首页 >问答首页 >目标CSS语法突出显示JS内部的崇高文本

问目标CSS语法突出显示JS内部的崇高文本
EN

Stack Overflow用户

提问于 2015-10-03 19:27:49

回答 1查看 245关注 0票数 1

最近，崇高文本3增加了一个新特性，允许突出显示内联样式并使用CSS特定的自动完成：

我相信这是某种新的范围界定，有针对性的引号。

我想知道是否可以扩展css语法以匹配：

在javascript文件中
开头："styler`"
结尾：`

sublimetext3

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-03 20:03:13

编辑：虽然您可以简单地修改JavaScript定义文件，但正确的答案将是扩展它。这可以简单地通过创建一个新的语言文件来完成，并在最后一个模式中添加"include: source.js“。您的最终文件应该如下所示：

    <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
   <key>fileTypes</key>
   <array>
      <string>js</string>
      <string>htc</string>
      <string>jsx</string>
   </array>
   <key>name</key>
   <string>JavaScript Custom</string>
   <key>patterns</key>
   <array>
      <dict>
         <key>begin</key>
         <string>--\[</string>
         <key>end</key>
         <string>\]--</string>
         <key>name</key>
         <string>source.js.custom.css.inline</string>
         <key>patterns</key>
         <array>
            <dict>
               <key>include</key>
               <string>source.css</string>
            </dict>
         </array>
         <key>comment</key>
         <string>My Shiny Technology</string>
      </dict>

      <dict>
         <key>include</key>
         <string>source.js</string>
      </dict>
   </array>

   <key>scopeName</key>
   <string>source.js.custom</string>
   <key>uuid</key>
   <string>93E017CC-6F27-11D9-90EB-000D93589AF6</string>
</dict>
</plist>

原始帖子：你确实可以。您所需要做的就是获取您的javascript语言文件(您可以找到一个这里)，并使用regex添加一个新的模式，该模式将定义您想要cssify的块的起始部分和结束部分。

您需要添加“patterns”对象如下：

  <dict>
     <key>begin</key>
     <string>--\[</string>
     <key>end</key>
     <string>\]--</string>
     <key>name</key>
     <string>source.css.inline</string>
     <key>patterns</key>
     <array>
        <dict>
           <key>include</key>
           <string>source.css</string>
        </dict>
     </array>
     <key>comment</key>
     <string>My Shiny Technology</string>
  </dict>

该示例将捕获所有标记行的格式--代码--作为css。编辑它，以添加任何其他块，您想要cssify。

注意到：include部分定义块内的规则，而不是name属性。您不应该忘记切换到新定义的语言，而不是OG语言。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32926604

复制

相似问题

问目标CSS语法突出显示JS内部的崇高文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问目标CSS语法突出显示JS内部的崇高文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问目标CSS语法突出显示JS内部的崇高文本
EN