jQuery または JavaScript_jquery に基づく 10 個の WYSIWYG エディター
オンラインでコンテンツを編集する場合、これらの 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/
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7400
15
1630
14
1358
52
1268
25
1217
29
Go 言語開発ツールの紹介: 必須ツールのリスト
Mar 29, 2024 pm 01:06 PM
タイトル: Go 言語開発ツール入門: 必須ツール一覧 Go 言語の開発プロセスでは、適切な開発ツールを使用することで開発効率とコード品質を向上させることができます。この記事では、Go 言語開発で一般的に使用されるいくつかの重要なツールを紹介し、読者がその使用方法と機能をより直感的に理解できるように、具体的なコード例を添付します。 1.VisualStudioCodeVisualStudioCode は、豊富なプラグインと機能を備えた軽量で強力なクロスプラットフォーム開発ツールです。
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか?
Feb 28, 2024 pm 03:12 PM
jQueryでPUTリクエストメソッドを使用するにはどうすればよいですか? jQuery で PUT リクエストを送信する方法は、他のタイプのリクエストを送信する方法と似ていますが、いくつかの詳細とパラメータ設定に注意する必要があります。 PUT リクエストは通常、データベース内のデータの更新やサーバー上のファイルの更新など、リソースを更新するために使用されます。以下は、jQuery の PUT リクエスト メソッドを使用した具体的なコード例です。まず、jQuery ライブラリ ファイルが含まれていることを確認してから、$.ajax({u
VSCodeの機能を詳しく解説：業務効率化にどう役立つのか？
Mar 25, 2024 pm 05:27 PM
VSCodeの機能を詳しく解説：業務効率化にどう役立つのか？ソフトウェア開発業界の継続的な発展に伴い、開発者の作業効率とコードの品質の追求は、仕事における重要な目標となっています。このプロセスでは、コード エディターの選択が重要な決定になります。数あるエディターの中でも、Visual Studio Code (略して VSCode) は、その強力な機能と柔軟な拡張性により、大多数の開発者に愛されています。この記事では、VSCode のいくつかの機能を詳しく紹介し、説明します。
jQuery のヒント: ページ上のすべての a タグのテキストをすばやく変更する
Feb 28, 2024 pm 09:06 PM
タイトル: jQuery ヒント: ページ上のすべての a タグのテキストをすばやく変更する Web 開発では、ページ上の要素を変更したり操作したりする必要がよくあります。 jQuery を使用する場合、ページ内のすべての a タグのテキスト コンテンツを一度に変更する必要がある場合があります。これにより、時間と労力を節約できます。以下では、jQuery を使用してページ上のすべての a タグのテキストをすばやく変更する方法と、具体的なコード例を紹介します。まず、jQuery ライブラリ ファイルを導入し、次のコードがページに導入されていることを確認する必要があります: <
jQuery を使用してすべての a タグのテキスト コンテンツを変更する
Feb 28, 2024 pm 05:42 PM
タイトル: jQuery を使用して、すべての a タグのテキスト コンテンツを変更します。 jQuery は、DOM 操作を処理するために広く使用されている人気のある JavaScript ライブラリです。 Web 開発では、ページ上のリンク タグ (タグ) のテキスト コンテンツを変更する必要が生じることがよくあります。この記事では、この目標を達成するために jQuery を使用する方法を説明し、具体的なコード例を示します。まず、jQuery ライブラリをページに導入する必要があります。 HTML ファイルに次のコードを追加します。
VSCode について: このツールは何に使用されますか?
Mar 25, 2024 pm 03:06 PM
「VSCode について: このツールは何に使用されますか?」 》初心者でも経験豊富な開発者でも、プログラマーとしてはコード編集ツールを使わずにはいられません。数ある編集ツールの中でも、Visual Studio Code (略して VSCode) は、オープンソースで軽量かつ強力なコード エディターとして開発者の間で非常に人気があります。では、VSCode は正確に何に使用されるのでしょうか?この記事では、VSCode の機能と使用法を詳しく説明し、読者に役立つ具体的なコード例を提供します。
Discuz Editor: 効率的な投稿レイアウト ツール
Mar 10, 2024 am 09:42 AM
Discuz Editor: 効率的な投稿レイアウト ツール インターネットの発展に伴い、オンライン フォーラムは人々がコミュニケーションし、情報を共有するための重要なプラットフォームになりました。フォーラムでは、ユーザーは自分の意見やアイデアを表現するだけでなく、他のユーザーと議論したり、交流したりすることもできます。投稿を公開する場合、明確で美しいフォーマットは多くの場合、より多くの読者を惹きつけ、より正確な情報を伝えることができます。ユーザーが投稿をすばやく入力して編集できるようにするために、Discuz エディタが登場し、効率的な投稿植字ツールになりました。ディスクー
Discuz Editor: 強力な Web ページ編集ツール
Mar 09, 2024 pm 06:06 PM
Discuz Editor: 特定のコード例を必要とする強力な Web ページ編集ツールインターネットの発展に伴い、Web サイトの構築とコンテンツ編集の重要性がますます高まっています。一般的な Web ページ編集ツールとして、Discuz エディタは Web サイト構築において重要な役割を果たします。豊富な機能とツールを提供するだけでなく、ユーザーがコンテンツをより便利に編集および公開できるようにします。この記事では、Discuz エディターの機能と使用法を紹介し、読者がよりよく理解して使用できるように、いくつかの具体的なコード例を提供します。
