この記事では、10のトップパフォーマンスのjQueryとHTML5 wysiwyg(あなたが見るものがあるものです)編集者をレビューします。 豊富なオプションを考えると、適切なエディターを選択することは困難ですが、このガイドは完璧なフィット感を見つけるのに役立ちます。
キーテイクアウト:この記事では、10の主要なJqueryとHTML5 WysiWygプラグインを比較します:Froala、ContentSools、Aloha、Tinymce、Bootstrap3-Wysiwyg、Summerto、Ckeditor、Trumbowyg、および編集者。 それぞれは、機能、サイズ、ユーザーフレンドリーに基づいて評価されます
プラグインは多様な機能を提供します。 FroalaはXSS攻撃保護に優れており、Trumbowygは軽量設計を優先します。 考慮されるその他の要因には、モバイル最適化、MS Word互換性、言語サポート、カスタマイズオプションが含まれます。- 包括的なFAQセクションでは、HTML WysiWygプラグインに関する一般的な懸念事項、主要な機能、インストール、カスタマイズ、セキュリティ、モバイル互換性、多言語サポート、CMS統合、パフォーマンスへの影響、および複数のプラグインを同時に使用する可能性をカバーしています。
- 編集者のレビュー:
Froalaはユーザーフレンドリーで、最小限のコーディングが必要です。 それは、その直感的なUI/UXとともに強力なXSS保護を誇っています
ハイライト:
34 kb gzipped
インライン編集 キーボードショートカット
- 基本的なHTML/JavaScriptの知識が必要
- カスタマイズ可能なダーク/ライトテーマ
- モバイル最適化
- ms word互換
- rtl
- を含む34の言語をサポートしています
- contentSools:
ContentSoolsは、JavaScriptフレームワークとは独立して動作する洗練された軽量エディターです(ただし、それらと互換性があります)。そのモジュラー設計により、簡単に拡張できるようになります。
ハイライト:
49 kb gzipped
インライン編集 画像とビデオのサイズ変更
- 元を元に戻す/やり直し
- aloha:
Alohaエディターは、現在画像挿入がないが、Webアプリケーションにシームレスに統合しています。 ハイライト:
ms word互換
クロスブラウザーの互換性
カスタマイズ可能- tinymce:
-
Tinymceは、さまざまなファイル管理サービス(Azure、Google Driveなど)をサポートし、WAI-ARIAアクセシビリティ基準をサポートするプラットフォームに依存しないJavaScriptエディターです。 エンタープライズバージョンは、優先順位の高いサポートを提供しています
ハイライト:
- ライブメディア埋め込み
- ビルトイン画像編集
- スペルチェック(Enterprise)
- ms word互換
- 40言語がサポートされています
- 堅牢なクロスブラウザーパフォーマンス
bootstrap3-wysiwyg:
このプラグインは、視覚的に魅力的な編集者を作成するために、wysihtml5とTwitterブートストラップを活用します。
ハイライト:
206 kbのマイニル
- requirejs support
- カスタマイズ可能なツールバーとテーマ
- カスタマイズ可能なイベント
- サマーテ:
さまざまなテーマを持つブートストラップベースのエディター(マテリアルテーマ、マテリアルノートを含む)。
ハイライト:80 KB JS CSS
bootstrap 3.x.xサポート-
Django、Rails、またはAngular
- との簡単な統合 カスタマイズ可能
- codemirror統合
- ckeditor:
ckeditorは、Webコンテンツの作成を簡素化し、おなじみのワードプロセッサ機能を提供します。
ハイライト:
を介してカスタマイズ可能なビルド ms word互換
インライン編集- 元に戻す/やり直し
- rtlサポート
- は約60の言語をサポートしています
- trumbowyg:
リストで最も軽いエディター、最小サイズの優先順位付け。
ハイライト:
30ローカライズ
- 編集者:
編集者は、強力なサポートとAmazon S3統合を備えた高速で拡張可能なエディターです。
ハイライト:75 kbのマイニー
インラインテキスト編集 codemirrorサポート
- ドラッグアンドドロップイメージ機能
- プラグインベースの拡張性
- 結論:
- この包括的なレビューは、プロジェクトの理想的なwysiwygエディターを選択するのに役立つはずです。 選択する際には、特定のニーズと優先順位を検討してください。
(FAQセクションは、貴重な一般情報を提供するため、ほとんど変化していません。)
以上が10ベストJQueryおよびHTML5 WYSIWYGプラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

マトリックスの映画効果をあなたのページにもたらしましょう!これは、有名な映画「The Matrix」に基づいたクールなJQueryプラグインです。プラグインは、映画の古典的な緑色のキャラクター効果をシミュレートし、画像を選択するだけで、プラグインはそれを数値文字で満たされたマトリックススタイルの画像に変換します。来て、それを試してみてください、それはとても面白いです! それがどのように機能するか プラグインは画像をキャンバスにロードし、ピクセルと色の値を読み取ります。 data = ctx.getimagedata(x、y、settings.greasize、settings.greasize).data プラグインは、写真の長方形の領域を巧みに読み取り、jQueryを使用して各領域の平均色を計算します。次に、使用します

この記事では、jQueryライブラリを使用してシンプルな画像カルーセルを作成するように導きます。 jQuery上に構築されたBXSLiderライブラリを使用し、カルーセルをセットアップするために多くの構成オプションを提供します。 今日、絵のカルーセルはウェブサイトで必須の機能になっています - 1つの写真は千の言葉よりも優れています! 画像カルーセルを使用することを決定した後、次の質問はそれを作成する方法です。まず、高品質の高解像度の写真を収集する必要があります。 次に、HTMLとJavaScriptコードを使用して画像カルーセルを作成する必要があります。ウェブ上には、さまざまな方法でカルーセルを作成するのに役立つ多くのライブラリがあります。オープンソースBXSLiderライブラリを使用します。 BXSLiderライブラリはレスポンシブデザインをサポートしているため、このライブラリで構築されたカルーセルは任意のものに適合させることができます

データセットは、APIモデルとさまざまなビジネスプロセスの構築に非常に不可欠です。これが、CSVのインポートとエクスポートが頻繁に必要な機能である理由です。このチュートリアルでは、Angular内でCSVファイルをダウンロードおよびインポートする方法を学びます


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

ホットトピック



