<path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://ww
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
はじめに 開発しているアプリの環境で画面のデザインや動作サンプルを作るのにjsFiddleみたいなエディタがあるといいなと思ったので簡単に調べた。 バックエンドは適当に実装するとして、フロントエンドにはjsFiddleでも使っているCodeMirrorを使うのが良さそう。 CodeMirrorはJavaScriptライブラリで、シンタックスハイライトやオートインデント、行番号表示などコードエディタとして必要な機能を一通り揃えており、対応言語も多数ある模様。 また、アドオンを導入することで括弧の補完やハイライト、Ctrl+Spaceでコードの自動補完などの機能を持たせることもできる。 あと他ライブラリに非依存なので導入しやすい。 導入 http://codemirror.net/から「DOWNLOAD LATEST RELEASE」をクリックして最新版のzipファイルをダウンロード・解凍する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く