2016-07-02 10 views
1

私は、テンプレート属性にHTMLのハイライトを追加することができますどのように崇高3と活字体を使用しています:[注:私はすでにマイクロソフト活字体パッケージを使用しています]HTML構文ハイライト崇高3活字体

その今強調表示されていないか調べます。

enter image description here

答えて

2

あなたはこれを達成するための方法をここに読むことができます:

https://forum.sublimetext.com/t/javascript-es6-template-literals-syntax-for-html/18242

はここに再現:

を開き[ツール]> [開発]> [新しい構文を

追加:

%YAML1.2 
--- 
# See http://www.sublimetext.com/docs/3/syntax.html 
name: JavaScript NG 
file_extensions: 
    - js 
    - ng.js 
scope: source.js.ng 
contexts: 
    main: 
    - match: "" 
     push: scope:source.js 
     with_prototype: 
     - match: '`' 
     push: 
      - meta_content_scope: text.html.basic.embedded.js 
      - include: 'scope:text.html.basic' 
      - match: '`' 
      pop: true 

とセーブそれはJavaScript NG.sublime-構文もあります

オープンgithubの問題を持っていますこれについて:

https://github.com/sublimehq/Packages/issues/179

+0

質問。それはどんな強調もしなかった。構文の読み込みが完了すると、すべてが同じになります。私は崇高な再開を試みたが、何も起こらなかった。 –

+1

view - > syntax - > 'Javascript NG'から 'Javascript NG'を選択して作業しました –

+0

ファイル名JavaScript-NG.sublime-syntaxを作成し、この回答の内容を貼り付けてパッケージ>ユーザーに保存しました。再始動は昇華する。しかし、私は崇高な文法を活性化できませんでした。 –

2

ここではまだインストールさTypeScriptパッケージとその既存のシンタックスハイライトの定義を利用した簡単な修正です:

  1. 開く(あなたのインストール活字体の構文の強調表示付き)typescriptファイル

  2. ツールを選択>デベロッパーを探す既存の

  3. に基づいて新しい構文定義ファイルを作成するTypescript.tmLanguageから>新しい構文コンテキスト(CTRL + F string.template.tsため)とに示すようpushから'scope:text.html.basic'が挙げられる追加線の下のコメント:

    %YAML 1.2 
    --- 
    # http://www.sublimetext.com/docs/3/syntax.html 
    name: TypeScript + HTML # <-- renaming is optional 
    
        # ... 
    
        template: 
        - match: "([_$[:alpha:]][_$[:alnum:]]*)?(`)" 
         captures: 
         1: entity.name.function.tagged-template.ts 
         2: punctuation.definition.string.template.begin.ts 
         push: 
         - meta_scope: string.template.ts 
         - match: "`" 
          captures: 
          0: punctuation.definition.string.template.end.ts 
          pop: true 
         - include: template-substitution-element 
         - include: string-character-escape 
         - include: 'scope:text.html.basic' # <-- !! only add this line !! 
        template-substitution-element: 
    
        # ... 
    

    オプションのステップ:
    変更nameプロパティファイルの冒頭でTypeScript + HTMLのようなものにして、で簡単に見つけて選択します。構文リスト

  4. .sublime-syntaxファイル終わる

  5. 再起動崇高テキストでファイルを保存し、typescriptファイルに強調し、あなたの新しい構文を適用します。私は投稿する前にこの記事に出くわした

    Screenshot of HTML syntax highlighting inside Angular template string within a TypeScript file

+0

表示>構文>現在の拡張子ですべて開く> TypeScript + HTML :) – Luckylooke

関連する問題