Sublimetext3 目标CSS语法在升华文本中突出显示JS内部

Sublimetext3 目标CSS语法在升华文本中突出显示JS内部,sublimetext3,Sublimetext3,最近,sublime text 3添加了一个新功能,允许突出显示内联样式的语法,并使用特定于CSS的自动补全: 我相信这是一种新的范围界定,目标是报价 我想知道是否可以扩展css语法以匹配: 在javascript文件中 开头为:“styler` 以:` 编辑: 虽然您可以简单地更改JavaScript定义文件,但正确的答案是扩展它。只需创建一个新的语言文件,并在最后的模式中添加“include:source.js”即可。您的最终文件应如下所示: <?xml version=

最近,sublime text 3添加了一个新功能,允许突出显示内联样式的语法,并使用特定于CSS的自动补全:

我相信这是一种新的范围界定,目标是报价

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

  • 在javascript文件中
  • 开头为:
    “styler`
  • 以:
    `

编辑: 虽然您可以简单地更改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>

文件类型
)并使用regex添加一个新模式,该模式将定义要筛选的块的开始部分和结束部分

您需要将“模式”对象添加到以下命令中:

  <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>

开始
--\[
结束
\]--
名称
source.css.inline
模式
包括
source.css
评论
我的闪亮科技
在这个示例中,您将捕获格式为--[code]--的所有标记行作为css。 编辑它以添加您要筛选的任何其他块

注意:包含部分定义块内的规则,而不是名称属性。您不应该忘记切换到新定义的语言,而不是OG语言