既存のコードをハイライト表示する構文ハイライターを見つけましたが、WYSIWYG スタイルのエディターで入力しながら実行したいと思います。強調表示だけで、オートコンプリート機能は必要ありません。
フォローアップの質問として、stackoverflow が使用する WYSIWYG エディターは何ですか?
編集: 以下の回答のおかげで、私のニーズに合うように見える 2 つを見つけました: EditAreaとCodePress
編集: この質問も参照してください:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript
この質問は、「Web アプリの html テキストエリアを置き換えるために、どの構文強調表示エディターをお勧めしますか?」という表現の方が適切かもしれません。（ここでの他の回答のいくつかは、クライアント側のエディターではなく、デスクトップアプリまたは純粋な構文のハイライターを扱っています）
CodeMirrorもお勧めします。これは Javascript で書かれており、多くのブラウザーをサポートしています。(正規表現ではなく) 実際のパーサーを使用するため、エスケープされた文字列を正しく強調表示するなどの複雑な問題に対処できます。開発者は、ディスカッション グループでも非常に反応が良いです。
以下は、その書き方に関する非常に興味深い記事です: (さらに良いことに、彼は JavaScript フォーマッターとカラーライザーの完全なソースを提供しています。)
JavaScript で構文を強調する JavaScript エディターを実装する または DOM ツリーの暗黒面への残忍なオデッセイ
まともな構文の強調表示を行うにはどうすればよいですか? 非常に単純なスキャンで、文字列、コメント、キーワード、およびその他のコードの違いを見分けることができます。しかし今回は、正規表現を実際に認識できるようにしたかったので、あからさまな不適切な動作はもうありませんでした。
重要なのは、正規表現を正しく処理することです。また興味深いのは、実際に目にするより典型的な lex (または regex) ベースのレクサーではなく、継続渡しスタイルのレクサー/パーサーを使用したことです。
おまけとして、ブラウザーで JavaScript を操作するときに遭遇するであろう現実世界の問題について、彼は多くのことを話し合っています。
Google コードの pretifyを参照してください。
stackoverflow が使用する編集コントロールについては、この質問を参照してください。
これをドラッグして申し訳ありませんが、CodeMirror http://codemirror.net/で見つけた最高のもの
http://softwaremaniacs.org/soft/highlight/en/を試すこともできます-高速で、javascriptだけでなく他の多くの言語もサポートしています。また、ハイライトがどのように機能するかをライブプレビューする必要がある場合は、setIntervalを使用してハイライトを実行し、別のボックスに表示できます。
MozillaのBespinを使用する必要があります。HTML5 の機能を使用して構築されているため (高速で高速ですが、従来のブラウザーはサポートしていません)、使用するのは間違いなく驚くべきものであり、私が遭遇したすべてのものを打ち負かしています。 .. jQueryでの使用を少し簡単にするための拡張機能を含む jQuery プラグインもあります。
学習曲線は急ですが、Vimはどの言語でも最高のエディターです。GUI バージョンがありますが、端末編集で非常に優れています。このエディタの使い方を学ぶのに費やした時間は無駄ではありません。あなたが探しているように、構文の強調表示だけでなく、何千もの (文字通り) 他の機能やプラグインがあります。
私は多くの JavaScript をプログラミングしていませんが、JSEclipse は過去に私にとってかなり役に立ちました。Eclipse プラグインとして提供されます。
何年も無料で使ってる
http://www.interaktonline.com/products/eclipse/jseclipse/overview/
また、Javascript を扱うときは常に FireBug for Firefox に大きく依存しています。