web-dev-qa-db-ja.com

ブラウザー内の優れたコードエディターはありますか？

ブラウザ内のリッチテキストエディタを見たことがあるので、色付き/スタイル付きのテキストをWYSIWYGの方法で編集できます。しかし、入力時に言語規則に基づいてコードを自動的に強調表示するコードエディターについてはどうでしょうか。テキストエリアでEclipseを考えてください（ただし、リファクタリングのサポートはありません）。

そのようなものは存在しますか？スケーリングが問題になると思います-大きいファイルを効率的に編集するのは難しいでしょう。

javascriptideeditordhtml
46
levik

CodeMirror は、60以上の言語のサポートと、より高度な編集機能（オートコンプリート、コードの折りたたみ、設定可能なキーバインディング、検索と置換、リンター統合など）を実装するアドオンが付属しています。豊富なプログラミングAPIとCSSテーマシステムを使用して、CodeMirrorをカスタマイズし、新しい機能で拡張できます。

2007年の初めから開発されており、 Wikipediaページ があり、人気のあるオープンソースプロジェクト（Joomla、Firebugなど）の多くで使用されています。

39
interstar

エース 。彼らはiFrameを使用しません。

13
crizCraig

editArea javascriptライブラリは、かなり良い仕事をします。これは、インプレースのJSPおよびJavaScriptエディターであるため、 OpenCMS コンテンツ管理システムで使用されます。ファイルが2000行以上の場合、色付けは少し混乱します。

彼らのページの機能リストは次のとおりです。

  • 統合が簡単、1つのスクリプトのみと1つの関数呼び出し
  • タブのサポート（適切にフォーマットされたソースコードの記述を許可）
  • 検索と置換（正規表現を使用）
  • カスタマイズ可能なリアルタイム構文強調表示（現在：PHP、CSS、JavaScript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf * ck）
  • 新しい行の自動インデント
  • 行番号
  • 多言語サポート（現在：クロアチア語、デンマーク語、英語、フランス語、ドイツ語、イタリア語、日本語、ポーランド語、ポルトガル語）
  • 全画面モード
  • 「protype」や「mootools」のようなライブラリーと同じ環境で作業できます。
8
Tim Howland

MozillaのBespinは非常に興味深く見えましたが、プロジェクトは 中止 でした。

7
interstar

Cloud9 あなたがJavaScript開発者であれば興味深いように見えます。

エイミーエディターは、今日出会った別のブラウザーベースのエディターです。バンドルやスニペットを含め、ブラウザーでTextMateをエミュレートしようとしているように見えますが、プロジェクトはおそらく死んでいるようです... Homepage /デモ および GitHub上のソース

2
Chris

チェックアウトできます dockPHPStackHive （codemirrorに基づく）Web開発用。現在、HTML/CSS開発をサポートしていますが、ライブのJavaScriptにも取り組んでいます。

免責事項：私はdockPHPの創設者です:)

1
ksb

私はcodiadを使用します。 PHP、js、Cで使用しました。機能：

  • 40以上の言語のプラグインライブラリのサポート
  • エラーチェックと通知
  • 複数のユーザーのサポート
  • エディター画面分割
  • LocalStorageの冗長性
  • 高度な検索ツール
  • スマートオートコンプリート
  • リアルタイムの共同編集
  • 20以上の構文カラーテーマ
  • 完全にオープンソース
  • 簡単にカスタマイズできるソース
  • 自分のサーバーで実行
  • クイックダウンロードバックアップ
  • 最大エディター画面スペース
  • i18n言語サポート

http://codiad.com

1
hamboy75

これは横向きの提案ですが、私は Firefoxプラグイン「It's All Text！」 を使用して、編集のためにテキスト領域を送信します-すべての適切なマークアップ、検索など。

もちろん、これはユーザーに依存しており、それが目的である場合、訪問者に簡単に展開することはできません。

しかし、とにかく私はブラウザー内エディターの制限にイライラする傾向があります。 （SO編集中に私のCkをキャプチャする方法STILLが私を油断してキャッチします... [つまり、編集しないことを意味しますすべてEmacsでは...]）

1
Michael Paulukonis

Javascript VI 、いくつかのバグがありますが、興味深いアイデアです。 VI FTW！

1
hacama

Eclipse Orionは、本格的な Code Edit および縮小された Orion Editor を提供します。 デモはこちら をご覧ください。

0
niutech

codesandbox.com は、いくつかのフレームワークの今後の選択肢です。

0
Chance Smith