多くの場合、Webプロジェクトでは、既存のIDEと同様に、行番号とコードの強調表示を備えたビジュアルコードエディター（
リッチテキストコードエディター ）を使用する必要があります。 ほとんどの場合、管理パネルで記事またはテンプレートのソースコードを編集する際に使用されます。 この記事では、WYSIWYGエディターのリストと同様に、既存のスクリプトをリストします。
ほとんどすべての既存のビジュアルエディターは、iframeを作成し、javascriptオブジェクトのデータに従ってページの内部を生成します。javascriptオブジェクトは、コード生成とキー処理のすべてのタスクに関与します。
iframeベース：
- EditArea-タブ、gzip、他のライブラリとの名前空間の互換性により最も人気のあるエディター
- CodePress -SQL、Perl、C＃、XSL、ASP、VBscriptの解析。 ブラウザーごとに別々のエンジン（gecko = firefox、つまりオペラ）。 iFrameは、contentWindowを介してアクセスされる内部CodePressオブジェクトで作成されます。 スクリプトのすぐ内側で、textarea要素がクラスごとに検索されるため、動的なAjaxエディターではスクリプトを変更する必要があります。 さらに、1つの画像を使用して行の番号付け（最大1500）が行われます。
- CodeMirror -JS、HTML、CSS解析
iframeはXHTML仕様に準拠していませんが、
提案されたタグオブジェクトcは、次の制限によりうまく機能しません。
内部dom要素へのアクセス（間違っている場合は正しい）。
Divベース
- MDKエディターは最も一般的なエディターであり、コンテキストメニューがあります。 欠点は、skinい肌、少し遅くなり、使用するライセンスが不明であることです。
- Helene -iframeの代わりに、背景divと上部の動的に配置されたtextareaが使用されます。 1行しか変更されないため、一度に複数の行を選択することはできません。
- 9ne-コンソールに似ていますが、行全体をShift + Endで選択する方法はありません。 点滅するdivでキャリッジをエミュレートします。
PS。 私のプロダクションのブログエンジンがまもなくリリースされることを発表しています...
オリジナル