50

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

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

4

11 に答える 11

40

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

2007 年初頭から開発され、ウィキペディアのページがあり、多くの人気のあるオープン ソース プロジェクト (Joomla、Firebug など) で使用されています。

于 2008-10-13T17:36:32.063 に答える
13

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

于 2011-01-18T01:13:25.300 に答える
8

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

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

  • 統合が容易で、1 つのスクリプト インクルードと 1 つの関数呼び出しのみ
  • タブのサポート (整形式のソース コードを記述可能)
  • 検索と置換 (正規表現を使用)
  • カスタマイズ可能なリアルタイム構文ハイライト (現在: PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck)
  • 改行の自動インデント
  • 行番号付け
  • 多言語サポート (現在: クロアチア語、デンマーク語、英語、フランス語、ドイツ語、イタリア語、日本語、ポーランド語、ポルトガル語)
  • 全画面モード
  • "protype" や "mootools" のようなライブラリと同じ環境で動作します。
于 2008-10-13T17:14:35.977 に答える
7

Mozilla の Bespin は非常に面白そうに見えましたが、プロジェクトは中止されました。

于 2009-03-01T19:30:05.347 に答える
2

(codemirror に基づく) Web 開発用のDockPHP StackHiveを確認できます。現在、HTML/CSS 開発をサポートしていますが、ライブ JavaScript にも取り組んでいます..

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

于 2013-08-01T03:44:56.490 に答える
2

JavaScript 開発者にとって Cloud9は興味深いものです。

Amy Editor は、私が今日遭遇した別のブラウザーベースのエディターです。ブラウザーでTextMateをエミュレートしようとしているようです (バンドルとスニペットを含む)。プロジェクトはおそらく死んでいるように見えますが... GitHub

于 2011-01-31T14:04:20.993 に答える
1

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

もちろん、これはユーザー依存であり、訪問者に簡単に公開することはできません。

ただし、とにかく、ブラウザー内エディターの制限にイライラする傾向があります。(SO が編集中に私の Ck をキャプチャする方法は、まだ不意を突かれます... [つまり、私はEmacs ですべてを編集しているわけではありません...])

于 2009-01-09T21:04:03.827 に答える
1

Javascript VIにはいくつかのバグがありますが、興味深いアイデアです。VIFTW!

于 2008-10-13T17:31:43.540 に答える