オンラインでコンテンツを編集する場合、これらの JavaScript ベースのエディターは、Office に似た操作エクスペリエンスを提供してくれるので非常に役立ちます。現在、Web サイトのコンテンツ管理システム (CMS) やブログ システムには、このようなエディターが必要です。この記事では、JavaScript ベースのエディター 5 つと jQuery フレームワークベースのエディター 5 つを選択します。 MarkitUp – jQuery
markItUp! これは「フル機能の乱雑な」エディターではありません。その代わりに、CMS、ブログ、フォーラム、または Web サイトで開発者のニーズを満たす、非常に軽量でカスタマイズ可能で柔軟なテキスト エディターです。マークイットアップ!これは WYSIWYG エディタではなく、シンプルで実用的なテキスト エディタです。 素早い移植と使用 キーボード ショートカットによる動的プレビューのサポート Ajax のサポート 互換性のあるブラウザ: IE7、Safari 3.1、Firefox 2、Firefox 3。IE6 および Opera 9 ライセンス: MIT/GPL ファイル: ポータブル、リソースの保存のみ。 6.5KB。jWYSIWYG – jQuery
jWYSIWYG、このプラグインは、HTML コンテンツの編集を可能にする組み込みのコンテンツ エディターです。これは、便利で実用的な機能を備えた WYMeditor の代替品です。ファイル サイズは 17Kb 未満、合計 26Kb 未満で、コードは 9Kb、18Kb、ポータブルは 7Kb のみです。 GNU General Public License v2 コンパクトかつ軽量 Ajax ダイナミック プレビューをサポート 主流のブラウザと互換性がある 軽量 RTE-jQuery
このリッチ テキスト エディターを使用すると、基本的な編集ニーズを可能な限りシンプルかつ簡単に変更できます。 超軽量、わずか 7kb 主流のブラウザと互換性がある シンプルでエレガントな GNU General Public License HTMLBox – jQuery
HTMLBox は、HTML/XHTML テキストに基づくクロスブラウザーのオープンソース jQuery ライブラリです。 Mozilla Firefox、Inrernet ブラウザ、Netscape、Safari ブラウザのテストに合格しました。統合された HtmlBox は、CMS、フォーラム、掲示板、ブログに簡単に統合できます。 統合が簡単 主要なブラウザと互換性あり サイズはわずか 15kb (最小 11kb) XHTML 出力をサポート Ajax ダイナミック プレビューをサポート HtmlBox をアプリケーションに統合してカスタマイズするすべての手順を説明する完全なユーザー マニュアルがあります。 D 小規模リッチ テキスト エディタ – jQuery
IFRAME 要素を使用するリッチ テキスト エディターは非常に多用途で、複雑なテキスト編集のニーズを満たすことができます。 サイズ (~18k) (ポータブル/縮小された JS、プラグイン、CSS は GZIP なしで合計 12k、HTML は GZIP を使用して ~3k に縮小可能、画像 (絵文字なし) は 3k 未満) 互換性のあるメインストリームブラウザはすべての基本機能をサポートし、AJAX を介して実装されるプラグイン機能の画像アップロードをサポートします (AjaxFileUpload プラグインを使用)。テキスト領域は調整できます。 XHTML 1.0 の検証とフィルタリングをサポートします (注: これはエディターのマークアップを指し、有効かどうかわからない生成されたコンテンツを指すものではありません!) HTML 修正機能 WYMEditor – jQuery を使用します。
WYMeditor は、Web ベースの WYSIWYM (What You See What You Mean) XHTML エディターです。WYMeditor の主なコンセプトは、文書の視覚的なレイアウトの詳細を残し、その構造と意味に焦点を当てながら、ユーザーに快適なテキスト エディターを提供するよう努めることです XHTML 厳密な CSS 準拠 フォント、テキストの書式設定、サイズ、色はありません– CSS スタイルに基づいており、アプリケーションに簡単に統合できます。100% JavaScript コードで記述されています。画像、リンク、テーブルをサポートしています。無料のプラグインと主要なブラウザと互換性のあるオープンソース TinyMCE – 非 jQuery
TinyMCE は、プラットフォームに依存しない、オープン ソースの Web ベースの Javascript HTML WYSIWYG エディターです。インスタンスを編集するための非常に強力な HTML テキストまたはその他の要素の変換機能。 統合が簡単 - 必要なコードは数行だけです。 カスタマイズ - テーマとプラグイン、無効な機能と属性のブロック。 主要なブラウザーとの互換性 – Mozilla、MSIE、FireFox、Opera、Safari、Chrome 軽量 – PHP/.NET/JSP/Coldfusion GZip コンプレッサーにより、TinyMCE を 75% 小型化し、読み込みを大幅に高速化 – AJAX との互換性 – が可能です。 AJAX を使用してコンテンツを簡単に保存およびロードできます! 国際化をサポート – 言語パックを使用した多言語サポート オープン ソース – LGPL ライセンスに基づいて無料で、毎日数百万人がこのエディターのテストと改善に貢献しています – 非 jQuery。
この HTML テキスト エディターには MS Word に似た機能があります。軽量でインストールは不要 主流のブラウザと互換性あり XHTML 1.0 をサポート 独自の CSS フォント形式をカスタマイズ可能: タイプ、サイズ、色、スタイル、太字、斜体など テキスト形式: 配置、インデント、箇条書きリストなど切り取り、貼り付け、プレーン テキストとしての貼り付け、元に戻す、やり直しをサポート 自動検出による Word クリーンアップからの貼り付け 画像の挿入、アップロード、プレビューをサポート 右クリック ドロップダウン メニュー プラグインをサポート インテリジェントなスペル チェッカー 軽量で高速な自動検出とパーソナライズブラウザ Yahoo YUI リッチ テキスト エディタ – 非 jQuery
リッチ テキスト エディターは Yahoo YUI によって開発されており、標準の HTML テキストを置き換えることができます。テキスト フォントの選択、太字、斜体、順序付きリスト、順序なしリスト、リンク、ドラッグ アンド ドロップ画像、プラグインによるツールバーをサポートします。 Xinha – 非 jQuery を可能にします。
Xinha (戦士の王女ゼナのように発音) は、現在のすべてのブラウザをサポートする強力な WYSIWYG HTML エディター コンポーネントです。構成可能性と拡張性により、制限なく適切なコンテンツを簡単に生成できます
出典:http://blog.sn00py.cn/2010/03/10 wysiwyg-editor based on jquery or javascript/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
