イラストレーターみやびの漫画館 作品集 - 月の高いところのロゴマーク

イラスト作品集 月の高いところ

「イラストレーターみやびの漫画館 作品集 - 月の高いところ」とは、自称イラストレーターみやびプリンの、イラストを中心とし、音楽、映像など、総合的にデザイン作品を掲載しているポートフォリオサイトです。 詳しくはこちら>>

今日のプリン言 -謎のプリン語る-

Sublime Text 自作ショートカット 選択テキスト前後に追加

Sublime Text 自作ショートカット 選択テキスト前後に追加 - サムネイル

だいぶごぶさたです。
仕事がやばかった・・・。

みやびは、コーディングでSublime Textを使ってるのだが、
人気なだけあり、すごく使いやすい。
その中で、デフォルトでのキーボードショートカットが多彩で便利だ。
下記エントリーではコーディングで使えるショートカットを紹介している。

覚えておくととても捗るSublime Textのショートカット | Select *

とまぁ、もちろんのこと自分でキーボードショートカットも追加できる。

コマンドメニュー、Preferences -> Key Bindings - Userと選んで開く。
例えば、ctrl+Enterで、改行タグと改行を入れたいなんて時下記のように書く。

[
// brタグ挿入
{ "keys": ["shift+enter"], "command": "insert_snippet", "args": {"contents": "
\n"}, "context": [ { "key": "selector", "operand": "text.html" } ] } ]

そんな勢いで、aタグとかよく使うclass付のタグとかもできるわけだが、
どうせタグを出すなら、選択テキストの前後に追加したいよねってわけで、いろいろ方法を考えた。
(デフォルトで、選択テキストの前後にタグを追加できるショートカットがあるが、本エントリの目的はよく使う属性付タグとかを一発で出せるように、だ)
グーグル先生では出てこなかったので、Preferences -> Key Bindings - Defaultをヒントに見つけた方法が下記

[
// よく使うaタグ
{ "keys": ["ctrl+alt+a"], "command": "insert_snippet", "args": {"contents": "<a href=\"\/\">${0:$SELECTION}</a>"},
  "context": [
    { "key": "selector", "operand": "text.html" }
  ]
}
]

ポイントは、${0:$SELECTION}。
Sublime Textの処理の中で、この変数にはどうやら選択テキストが入ってるっぽい。

これを応用して、他のものも出すことができるはずなので、
いろいろできそう。

既存のショートカットと合わせていろいろ便利に手早くやれるようになっていきたい。
ではまた。

新着情報 NEW

  • 小説の赤い星に章追加!!
  • 小説の赤い星に章追加!!
  • 小説の赤い星に章追加!!
  • 小説の赤い星に章追加!!
  • 映像・動画のオリジナル・専門学校課題に映像・動画追加!!