WebDesigner's Memorandumウェブデザイナーの備忘録

Visual Studio CodeでMovable TypeのMTMLファイルを開く拡張機能「Movable Type Markup Language Syntax」

最近Movable Typeの.mtml拡張子のMTMLファイルを開くことがありました。

MTMLはMovable Type Markup Languageの略で、基本的にはHTMLと同じなのですが、mtから始まるMovable Type独自のタグが使えるファイル形式です。

たとえば記事のタイトルを表示したい場合は<$mt:EntryTitle$>タグを使用すると、その場所にタイトルが出力されます。

そんなMTMLファイルですが、デフォルトのVisual Studio Codeではシンタックスハイライトが当たりません。
Visual Studio Codeの拡張機能をインストールすることで表示されるようになります。

Movable Type Markup Language Syntax

「Movable Type Markup Language Syntax」というそのままの名前ですが、インストールすることでシンタックスハイライトが当たります。

デフォルトだと下記のように特にスタイルは当たっていなくて、プレーンテキストと変わらない状態です。

MTML導入前

プラグインをインストールすることで下記のように表示されます。

MTML導入後

著者について

プロフィール画像

@31mskz10

1997年生まれ。2016年から専門学校でデザインを学び、卒業後は神戸の制作会社でWeb制作に従事しています。Webrandumは2016年から運営し、ウェブデザイン、フロントエンド開発、WordPress、CSS、JavaScript、制作環境の効率化を中心に、実際に試した内容を執筆しています。

Twitterをフォロー Facebookでいいね