Web サイトに埋め込み可能な 6 つの HTML エディターの比較

クレジット:

すでに埋め込み可能な HTML エディターを使用している場合は、コメント欄でその使用感について詳しく教えてください。

WYMエディター

URL: https://www.wymeditor.org[img src="https://fitep.trade/tech/natsuki/wp-content/uploads/2008/10/wym-150x150.jpg" caption=""credit="" alt=""]

必要なライブラリ:jQuery 1.1.3で配布

拡張性:プラグインの作成が可能

マークアップの検証:厳密な XHTML を生成します

コードビュー:デュアルペインコードビュー

ライセンス:MIT および GPL ライセンス

サポートとコミュニティ:フォーラム

構成の容易さ:構成は簡単で、必要なJavaScriptは数行だけです。

テーマ/スキンのサポート:スキニング可能で、デフォルトのスキンに基づいてカスタム スキンを作成するのは簡単です。

評決:セットアップ、スキン作成、カスタマイズが非常に簡単なエディターです。プラグインの機能はかなり制限されていますが、編集したテキストを変更するのに十分な機能を備えています。

TinyMCE

URL: https://tinymce.moxiecode.com/[img src="https://fitep.trade/tech/natsuki/wp-content/uploads/2008/10/tinymce-150x150.jpg" caption=""credit="" alt=""]

必要なライブラリ:Scriptaculous とともに配布されるため、他の scriptaculous.js がインクルードされる前に tiny_mce.js をロードする必要があります。

拡張性:プラグインの作成が可能

マークアップの検証:検証や標準に準拠したコード生成はありません。

コードビュー:コードビューがポップアップに表示されます

ライセンス:LGPL

サポートとコミュニティ:フォーラム

構成の容易さ:標準インストールのセットアップは簡単ですが、より多くのプラグインを含め始めると、構成が少し難しくなります。

テーマ/スキンのサポート:テーマやスキンを作成することができます。

評決:TinyMCE は WordPress のメインエディターであるため、おそらくこのグループの中で最もよく知られています。行や列の結合または分割などの高度なテーブル編集機能を備えています。全体的に非常に強力です。ただし、主に HTML 出力をカスタマイズできるため、高品質の XHTML や標準 HTML が生成されるという保証はありません。

言葉

URL: https://kupu.oscom.org/[img src="https://fitep.trade/tech/natsuki/wp-content/uploads/2008/10/kupu-150x150.png" caption=""credit="" alt=""]

必要なライブラリ:なし

拡張性:拡張機能の作成が可能です。

マークアップの検証:整形式の XML を作成します

コードビュー:div切り替えによるコードビュー

ライセンス:無料、著作権あり

サポートとコミュニティ:最小限のドキュメントと開発者向けメーリング リストがあります。

構成の容易さ:Kupuの設定は難しいです。この例では、一般的な構成に加えてボタンとツールバーを作成するために多くのコードを使用しています。

テーマ/スキンのサポート:スキンはサポートされていますが、ドキュメントが限られているため、作成が困難です。

評決:Kupu は IE または FireFox でのみ実行されます。ページ全体を引き継ぐため、CMS のメインエディターとして意図されているようです。構成 (または単なる例) を理解するのは非常に困難ですが、この例は箱から出してすぐに機能します。

CB RTE

URL: https://www.kevinroth.com/rte/[img src="https://fitep.trade/tech/natsuki/wp-content/uploads/2008/10/cbrte-150x150.jpg" caption=""credit="" alt=""]

必要なライブラリ:なし

拡張性:利用可能なプラグインまたは拡張フレームワークはありません。

マークアップの検証:XHTMLを生成します

コードビュー:チェックボックスをクリックすると div が切り替わるコードビュー

ライセンス:クリエイティブ・コモンズ

サポートとコミュニティ:最小限のドキュメントがあり、ほとんどありません。

構成の容易さ:ほとんど変更できないため、構成は非常に簡単です。

テーマ/スキンのサポート:RTE はスキン可能ではないため、標準のスタイルシートを置き換えることができます

評決:RTE は非常にシンプルなユーザー インターフェイスを備えています。カスタマイズや拡張モデルはありません。それ以外の場合、それは必要最低限​​の HTML エディターです。

シンハ

URL: https://xinha.webfactional.com/[img src="https://fitep.trade/tech/natsuki/wp-content/uploads/2008/10/xinha-150x150.jpg" caption=""credit="" alt=""]

必要なライブラリ:なし

拡張性:プラグインの作成が可能

マークアップの検証:有効な XHTML コードを生成します

コードビュー:div切り替えによるコードビュー

ライセンス:BSDベース

サポートとコミュニティ:フォーラム

構成の容易さ:可能なオプションが多数あるため、設定はやや困難です。

テーマ/スキンのサポート:スキニング可能で、デフォルトのスキンに基づいてカスタム スキンを作成するのは簡単です。

評決:Xinha (ゼナと発音) はサーバーにインストールする必要があるため、ローカル ファイルでは機能しません。行や列の結合や分割などの高度なテーブル編集機能を備えています。

ニック編集

URL: https://nicedit.com/[img src="https://fitep.trade/tech/natsuki/wp-content/uploads/2008/10/nicedit-150x150.jpg" caption=""credit="" alt=""]

必要なライブラリ:なし

拡張性:プラグインの作成が可能

マークアップの検証:有効な XHTML コードを生成します

コードビュー:ホバー div を使用したコード ビュー

ライセンス:

サポートとコミュニティ:フォーラム

構成の容易さ:変更するオプションが少ないため、設定が簡単です。

テーマ/スキンのサポート:NicEdit はスキニングできませんが、デフォルトのスタイルシートを置き換えることはできます。

評決:より単純なエディタを意図しているため、テーブル編集は利用できません。作者は、HTML の生成が不適切であると述べています。