Monaco Editor - VS Codeでも使われている高速かつ強力なエディタコンポーネント

[PR]記事内のアフィリエイトリンクから収入を得る場合があります
  • URLをコピーしました!

S 2016 06 22 0 32 44

Microsoftが開発しているオープンソースのテキストエディタVisual Studio Codeで使われているエディタエンジン「Monaco Editor」が公開されています。ソースコードはMITライセンスを採用。IE 9/10/11、Edge、Chrome、Firefox、Safari、Operaといったブラウザ上でVS Codeのような強力なコード編集が可能となります。

Monaco Editorが提供する機能の一つ目はコード編集です。TypeScript、JavaScript、CSS、LESSではリッチなインテリセンスとバリデーションが可能で、HTML、XML、PHP、C#、C++、Razor、Markdown、Diff、Java、VB、CoffeeScript、Handlebars、Batch、Jade、F#、Lua、Powershell、Python、SASS、R、Objective-Cでも基本的なシンタックスハイライトがサポートされています。

S 2016 06 22 0 38 23

また二つ目の機能としてDiffエディタの機能も提供されており、横に並べて各行の違いをビジュアルに表示することが可能です。

S 2016 06 22 0 42 51

Webサイトへの組み込み方はGitHubに掲載されています。またPlaygroundではMonaco Editorの種々の機能をブラウザ上で実際に動かしながら確認することもできます。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次