質問

既存のコードを強調表示する構文ハイライターを見つけましたが、WYSIWYG スタイルのエディターで入力しながら実行したいと考えています。オートコンプリート機能は必要なく、強調表示だけが必要です。

追加の質問として、stackoverflow が使用する WYSIWYG エディターとは何ですか?

編集:以下の回答のおかげで、私のニーズに合いそうなものが 2 つ見つかりました。編集エリア そして コードプレス

編集:この質問も参照してください:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript

役に立ちましたか?

解決

書き方に関する非常に興味深い記事は次のとおりです。(さらに良いことに、彼は完全なソースを JavaScript フォーマッタとカラーライザーに提供しています。)

構文を強調表示する JavaScript エディターを JavaScript に実装する 又は DOMツリーのダークサイドへの残酷なオデッセイ

まともな構文を強調表示するにはどうすればよいですか?非常に簡単なスキャン の違いを見分けることができます。 文字列、コメント、キーワード、その他 コード。しかし、今回はやりたかった 実際に定期的に認識できる 式がなかったので、私は何も持っていませんでした 露骨な不正確な動作はもうありません。

重要なのは、正規表現を正しく処理することです。また、興味深いのは、実際によく見かける、より典型的な lex (または regex) ベースのレクサーではなく、継続受け渡しスタイルのレクサー/パーサーを使用していることです。

おまけとして、ブラウザーで JavaScript を使用するときに遭遇する現実世界の多くの問題についても説明しています。

他のヒント

この質問は、「Webアプリのhtmlテキストエリアを置き換えるためにどの構文強調表示エディターをお勧めしますか?」と表現する方が適切かもしれません。(ここでの他の回答のいくつかは、クライアント側のエディターではなく、デスクトップアプリまたは純粋な構文の蛍光ペンを扱っています)

私もお勧めします コードミラー, 、JavaScript で書かれており、多くのブラウザをサポートしています。(正規表現ではなく) 実際のパーサーを使用するため、エスケープされた文字列を正しく強調表示するなどの複雑な問題に対処できます。開発者はまた、非常に敏感です ディスカッショングループ.

見る Google コードの装飾.

については、この質問を参照してください。 スタックオーバーフローのコントロールを編集します を使用します。

私は JavaScript はあまりプログラミングしませんが、JSEclipse はこれまで非常に役に立ちました。これは Eclipse プラグインとして提供されます。

何年も無料で使ってます

http://www.interaktonline.com/products/eclipse/jseclipse/overview/

また、JavaScript を扱うときは常に FireBug for Firefox に大きく依存しています。

試してみることもできます http://softwaremaniacs.org/soft/highlight/en/ - 高速で、JavaScript だけでなく他の多くの言語もサポートしています。また、強調表示がどのように機能するかをライブ プレビューする必要がある場合は、setInterval を使用して強調表示を実行し、別のボックスに表示できます。

学習曲線は急ですが、 ヴィム は、あらゆる言語に対応する最高のエディターです。GUI バージョンもありますが、ターミナルの編集に威力を発揮します。このエディターの使用方法を学ぶのに費やした時間は無駄になりません。探しているとおりの構文の強調表示に加え、その他の数千の (文字通り) 機能やプラグインが備わっています。

一緒に行かなきゃ ベスピン モジラ著。これは HTML5 機能を使用して構築されています (つまり、高速で高速ですが、レガシー ブラウザーはサポートしていません) が、使い心地は間違いなく素晴らしく、これまで私が出会ったすべてのものを上回っています。おそらく Mozilla がサポートしており、彼らが Firefox を開発しているためでしょう。 ..もあります その拡張機能を含む jQuery プラグイン jQuery をもう少し使いやすくするためです。

これをドラッグして戻すのは申し訳ありませんが、CodeMirror で見つけた最高のものです http://codemirror.net/

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top