ITエンジニア/デザイナ向けにオープンソースを毎日紹介

EditrはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

jsdo.itやJSFiddleといったWebベースのプレイグラウンドを自分でも作ってみたい、設置したいと考えている方はEditrをお勧めします!HTML/JavaScript/CSSを組み合わせてWebブラウザ上で実行が可能です。


右側がEditrの編集、実行領域になります。


まずは実行結果。複数のHTMLファイルが切り替えできます。


HTMLソースコード。編集はもちろんハイライト表示にも対応です。


スタイルシート。インポートを使えば外部のファイルも読み込めますね。


JavaScript。評価はリアルタイムにされます。

Editrの主な特徴はGistからのダウンロード対応、水平/垂直表示、リッチなコードエディタ、テーマサポート、プリローダー、リードオンリーモード、Base64対応、外部埋め込み、エラー判定などが可能です。

もちろん既にあるプレイグラウンドサービスを使っても良いのですが、やはり自前で構えたいと思うケースもあるでしょう。また、社内に設置する場合は特にそうでしょう。グループ内でナレッジを蓄積する上でも便利です。

特定のJavaScriptフレームワークを使ったテクニック紹介や、スタイルシートだけで実現するテクニックを掲載するなど特定ジャンルにこだわった使い方にも向いているのではないでしょうか。

Editr.js by @Idered

Idered/Editr.js

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2