最高の jQuery および HTML WYSIWYG エディター プラグイン 10 個_html/css_WEB-ITnose

1. Froala

Froala WYSIWYG HTML エディターは、統合と使用が非常に簡単です。コーディングの知識はほとんど必要ありません。 jQuery 1.11.0 以降、および Font Awesome 4.4.0 フォント アイコンのサポートが必要です。統合された UX と UI に加えて、XSS 攻撃に対する優れた保護も提供します。

機能:

• 34K ファイル圧縮
• インライン編集
• キーボード ショートカットをサポート
• HTML および JavaScript の基本的な知識が必要
• 2 つの奥深いテーマと軽いテーマ
• モバイル端末向けに最適化
• Word をサポート
• 34 言語のサポートと右から左への RTL (右から左) のサポート

2. ContentTools

ContentTools は小さくて美しいコンテンツ エディターです。このライブラリは JavaScript フレームワークやライブラリ サポート (jQuery を含む) を必要としませんが、パフォーマンスは良好です。 ContentTools パッケージは 5 つのライブラリで構成されており、それぞれを独立して使用でき、プラグインは簡単に拡張できます。

機能:

• 49 KB 圧縮
• インライン編集
• 画像とビデオのサイズを変更できます
• 元に戻す/やり直しをサポート ( undo/redo)

3. Raptor Editor

Raptor Editor は、ユーザーフレンドリーなオープンソースの JavaScript WYSIWYG HTML エディターです。統合とカスタマイズが簡単です。インライン編集用に設計されており、複雑なマルチブロック レイアウトに最適です。 HTML5 ContentEditable や jQuery などの最新テクノロジーを使用し、組み込みの単体テスト、モジュール性、拡張性、プラグイン API を備えています。

機能:

• インライン編集をサポート
• 柔軟なドッキング オプション
• カスタマイズ可能なテーマ
• 充実したドキュメント

4. Aloha

Aloha は多用途のコンテンツ編集ライブラリです。 WEB アプリケーションでのシームレスな埋め込み編集が可能になります。主な欠点は、画像の挿入がサポートされていないことです。

機能:

• 142 KB
• WORD をサポート
• ブラウザ間互換性があります
• カスタマイズが簡単

5. TinyMCE

TinyMCE は、WEB ベースの独立した JavaScript HTML WYSIWYG プラットフォームです。これを使用すると、HTML テキストエリア フィールドまたはその他の要素をエディター インスタンスに変換できます。 WAI-ARIA 仕様に従っており、JAWS や NVDA などのスクリーン リーダーに適しています。優先サポートが受けられるエンタープライズ プランもあります。

機能:

• ライブメディア埋め込み
• 組み込み画像編集
• スペルチェック (エンタープライズ版)
• WORDサポート
• 40 以上の言語サポート
• クロスブラウザ

6. Bootstrap3-wysiwyg

Bootstrap3-wysiwyg は、wysihtml5 と BootStrap を使用する JavaScript プラグインで、使いやすく美しい WYSIWYG エディターになります。

機能:

• 206 KB 圧縮
• RequireJS をサポート
• カスタマイズ可能なツールバー テンプレートとテーマ
• ロードなどのイベントを提供とぼかし

7. Summernote

Summernote は、さまざまなテーマから選択できる Bootstrap ベースのテキスト エディターです。 。 MaterialNote と呼ばれるテーマのマテリアル バージョンもあります。

機能:

• JS+CSS 合計 80 KB
• Bootstrap 3.x.x をサポート
• Django、Rails、または Angular への移行が簡単
• カスタマイズが簡単
• CodeMirror の統合

8. CKEditor

CKEditor は便利ですWEB コンテンツの作成を簡素化するために設計されたツール HTML エディター。通常のワープロ作業を直接 WEB ページに取り込んで実装します。

機能:

• CKBuilder を使用してカスタマイズ
• WORD をサポート
• インライン編集
• 元に戻す/やり直しをサポート
• RTL (右から左) サポート
• 60 以上の言語をサポート

9. Trumbowyg

Trummbowyg は、ここにリストされているエディターの中で最も軽量です。他のすべての WYSIWYG エディターは 45 KB を超えていますが、Trumbowyg はわずか 16 KB です。 jQuery >= 1.7 が必要です。

機能:

• わずか 16KB
• 30 以上の言語をサポート

Redactor

機能:

• 圧縮後 75KB
• インライン編集
• CodeMirror サポート
• 画像ドラッグアンドドロップ機能
• このエディターはプラグインベースなので、カスタマイズが簡単です

概要

この記事では、私が考える最高の jQuery および HTML WYSIWYG エディターの 10 個を紹介します。プラグインの場合、このリストがプロジェクト用のテキスト エディターを選択する必要があるときに役立つことを願っています。また、検索時間を節約し、ニーズに合うものがあれば幸いです。

この記事の出典: CNSECER

Huidu Control｜総合的なソフトウェア技術ソリューションを提供します

QR コードをスキャンして WeChat をフォローしてください

世界中から 3,000 を超える優れた制御製品とソフトウェア製品を収集し、業界をリードするコンサルティング、トレーニング、開発サービスを提供します

WeChat ID: EVGET_Huidu

エンタープライズ QQ: 800018081｜電話：023 -66090381