IsEdit
Webエディター
#URL #WebApp #Tool #Editor #Share #GUI #JavaScript #JSON
概要(利用者目線)
- Web上で動くプログラムエディタ
- 一部の言語であればその場で実行可能
- 同時に複数のファイル編集可能
- 保存・読み込み機能
- URL共有機能
- テーマ・言語の簡単切り替え
- ショートカットキー( 保存や Undo、Redo )
技術(開発者目線)
- JS-Interpreterを使うとこで、ブラウザ標準のJavascriptに干渉せずにセキュリティ面で安心
- MySQLにてデータを保存
- ダウンロード時は複数のファイルを圧縮(zip)してダウンロードを行う
- Tab補完や、ソースコードに色付けを実装
Description
編集エリア
ファイルの中身を編集できます。また、ファイル名またはインフォメーションエリアをもとに、言語を特定し適切なタブ補完を行っています。
ログエリア
実行したスクリプトの実行結果が表示されます。JavaScriptの場合、log・error・info・warn・debugには背景色を適応させているのでより見やすくなっています。
ファイルエリア
編集するファイルを追加・変更・削除するエリアです。ファイルの追加・削除はもちろん、ファイル名の変更も行えます。その際に、変更後のファイル名に沿って言語も変更します。
コントロールエリア
スクリプトの実行・停止や、共有・ダウンロード、ログエリアの削除などエディタをコントロールするエリアです。
インフォメーションエリア
言語の変更、テーマを変更するエリアです。また現在の文字数や、今選択している行数、列数が表示されます。