構文の色付けを使用したHTMLエディター用のjQueryプラグイン
HTMLのオーサリングと編集用のテキストエリアを表示するjQueryプラグインを探しています。
私が探しているもの：
- WYSIWYG表現ではなく、HTMLのオーサリングをサポートする必要があります
- リッチクライアントIDEと同じように、入力時にHTMLに色を付ける必要があります。
- JQueryである必要がありますが、ネイティブJSでも問題ありません。
私はMarkItUpで遊んだことがあり、90％はそこにありますが、構文の色付けは提供されていません。そして、私が知る限り、WYMeditorには「コードビュー」のオプションがなく、代わりに単なるWYSIWYGビューです。
過去にこのようなことをした人はいますか？
CodeMirror を使用します。これは、Googleが APIプレイグラウンド に使用する蛍光ペンです。
私はそれを試しましたが、うまく機能し、彼らのサイトによると、次のブラウザで機能します。
- Firefox1.5以降
- Internet Explorer6以降
- Safari3以降
- Opera9.52以降
- Chrome
この場合、なぜjQueryに言及するのかわかりません。なぜなら、jQueryには、構文の強調表示を有効にするテキストボックスを見つけるために使用できるセレクターエンジン以外は、何をする必要があるのかということには関係がないからです。その上にidがあるので、そのためにもjQueryは必要ありません。）
手元のタスクを解決するために特別に設計されたスタンドアロンライブラリ（CodeMirror）を使用することをお勧めします。最大のパフォーマンスが得られ、開発者がはるかに保守しやすくなり、コードの品質が向上します。 。
EditArea もご覧ください。
Jqueryは使用しませんが、競合することもありません。
私も kodingen.com でCodemirrorを使用しました koding.com になりました、Codemirrorは非常によく書かれています。ソースコードを入手して必要に応じて変更できます。
ただし、チェックすることもできます amyeditor これも非常に高度で、codemirrorよりも多くの言語をサポートしています。ソースコードはgithubからも入手できます。
それが役に立てば幸い...
Ace を見てください。Mozillaは Skywriter/Bespin の取り組みを統合しました。クライアント側のコード構文の強調表示により、60を超える言語をサポートします。ソースコードはオープンで、githubで入手できます。
お奨めは Bespin Mozillaによる。 HTML5機能を使用して構築されています（したがって、高速で高速ですが、レガシーブラウザはサポートしていません）が、使用するのは間違いなく驚くべきことであり、私が遭遇したすべてのものを打ち負かします-おそらくそれはMozillaがそれをサポートしており、Firefoxを開発しているからです。 .. jQueryで少し使いやすくするために 拡張機能を含むjQueryプラグイン もあります。