Sublime Text中JS內的目標CSS語法突出顯示

Question

最近，sublime text 3添加了一項新功能，允許內聯樣式突出顯示語法並使用CSS特定的自動完成功能：

我相信這是一種新的作用域，針對報價

我想知道是否可以擴展CSS語法來匹配：

• 在javascript文件中
• 始於： "styler`"
• 結尾： `

Answer 1

編輯：雖然您可以簡單地更改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的塊的開始和結束部分。

您需要按照以下指示添加“模式”對象：

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

在該示例中，您將以-[代碼]-格式捕獲所有標記行。 編輯它以添加您要修改的其他任何塊。

注意 ：include部分定義塊內的規則，而不是name屬性。 而且您不應該忘記切換到新定義的語言，而不是OG語言。