2013-03-15 12 views
13

AngularJSについてのEgghead.ioのビデオを見ていました。このビデオの作成者はWebstormを使用しています(そして、私は彼らのために働くと信じています)。私が気づいたひとつの特徴は、異なるスコープや引用符で異なる構文強調を設定できることです。だから、(AngularJSディレクティブから)次崇高なテキスト2:文脈に基づいて異なる言語の強調表示? (a la Webstorm)

return { 
    template: '<div>something</div>', 
    //   ^^^ these guys ^^^ 
} 

のようなコードに...彼は、HTMLとして強調するために引用符の内側を得ることができます。

私は崇高な文章2を使用しており、かなり公然としています。このようなケースを処理できるSublime用の既存の機能/プラグインはありますか?そうでない場合は、Sublime Text 2 APIを使って技術的に可能なことはありますか?

答えて

8

私はそれが内蔵されているとは思いませんが、確かに可能です。私はgraphvizでいくつかの仕事をしていて、似たようなことをしたいと思っていました。ラベルは、htmlのような構文で生成​​できます。とにかく、私は.tmLanguageファイルで遊んで、新しいパターンを追加して、htmlのようなエントリが有効なコンテキストに一致させました(私はlabel = <を探します)。キャプチャに使用したパターンはそれほど良いものではありませんが、私のためにうまくいきます。これは、私があなたが探しているものに似ていると思う以下のことを私に与える。

Demo

私はAngularJSについて何も知らないので、私はそれに固有のものであなたを助けることはできませんが、それは確かに可能です。下の画像では、最後の<table></table>はハイライト表示が行われていないことを示しています。

編集:

は、オリジナルのポストでこれを含める忘れたが、ここに私の更新tmLangauageファイルです。その最初のパターンは私が追加したものです(link)。私はPlistJsonConverterを使ってJSONからplistに行き、ファイルを.tmLanguageとして保存しました。お役に立てれば。

+0

このファイルはデフォルトのDOT.thLanguageを上書きしましたか、 。 –

+0

@ RyanB私は組み込みのgraphvizパッケージを無視しました。 – skuroda

+0

面白い、ありがとう –

0

@skurodaが正しいです。私は@ skurodaのコードにAngularJSディレクティブJSファイル内のHTMLを簡単に編集するための追加のプラグインを実装しました。その結果、ディレクティブJSファイル内のHTML構文強調表示と、テンプレートの編集中に文字列関連の区切り文字を削除する機能が追加されました.... Sublime AngularJS HTML Template Plugin

関連する問題