検索
ホームページウェブフロントエンドjsチュートリアルjQuery または JavaScript_jquery に基づく 10 個の WYSIWYG エディター

オンラインでコンテンツを編集する場合、これらの JavaScript ベースのエディターは、Office に似た操作エクスペリエンスを提供してくれるので非常に役立ちます。現在、Web サイトのコンテンツ管理システム (CMS) やブログ システムには、このようなエディターが必要です。この記事では、JavaScript ベースのエディター 5 つと jQuery フレームワークベースのエディター 5 つを選択します。 MarkitUp – jQuery

公式サイト | デモ
MarkitUp

markItUp! これは「フル機能の乱雑な」エディターではありません。その代わりに、CMS、ブログ、フォーラム、または Web サイトで開発者のニーズを満たす、非常に軽量でカスタマイズ可能で柔軟なテキスト エディターです。マークイットアップ!これは WYSIWYG エディタではなく、シンプルで実用的なテキスト エディタです。 素早い移植と使用 キーボード ショートカットによる動的プレビューのサポート Ajax のサポート 互換性のあるブラウザ: IE7、Safari 3.1、Firefox 2、Firefox 3。IE6 および Opera 9 ライセンス: MIT/GPL ファイル: ポータブル、リソースの保存のみ。 6.5KB。jWYSIWYG – jQuery

公式サイト | デモ
jWYSIWYG

jWYSIWYG、このプラグインは、HTML コンテンツの編集を可能にする組み込みのコンテンツ エディターです。これは、便利で実用的な機能を備えた WYMeditor の代替品です。ファイル サイズは 17Kb 未満、合計 26Kb 未満で、コードは 9Kb、18Kb、ポータブルは 7Kb のみです。 GNU General Public License v2 コンパクトかつ軽量 Ajax ダイナミック プレビューをサポート 主流のブラウザと互換性がある 軽量 RTE-jQuery

公式サイト | デモ
jWYSIWYG

このリッチ テキスト エディターを使用すると、基本的な編集ニーズを可能な限りシンプルかつ簡単に変更できます。 超軽量、わずか 7kb 主流のブラウザと互換性がある シンプルでエレガントな GNU General Public License HTMLBox – jQuery

公式サイト | デモ
HTMLBox

HTMLBox は、HTML/XHTML テキストに基づくクロスブラウザーのオープンソース jQuery ライブラリです。 Mozilla Firefox、Inrernet ブラウザ、Netscape、Safari ブラウザのテストに合格しました。統合された HtmlBox は、CMS、フォーラム、掲示板、ブログに簡単に統合できます。 統合が簡単 主要なブラウザと互換性あり サイズはわずか 15kb (最小 11kb) XHTML 出力をサポート Ajax ダイナミック プレビューをサポート HtmlBox をアプリケーションに統合してカスタマイズするすべての手順を説明する完全なユーザー マニュアルがあります。 D 小規模リッチ テキスト エディタ – jQuery

公式サイト | デモ
D Small Rich Text Editor

IFRAME 要素を使用するリッチ テキスト エディターは非常に多用途で、複雑なテキスト編集のニーズを満たすことができます。 サイズ (~18k) (ポータブル/縮小された JS、プラグイン、CSS は GZIP なしで合計 12k、HTML は GZIP を使用して ~3k に縮小可能、画像 (絵文字なし) は 3k 未満) 互換性のあるメインストリームブラウザはすべての基本機能をサポートし、AJAX を介して実装されるプラグイン機能の画像アップロードをサポートします (AjaxFileUpload プラグインを使用)。テキスト領域は調整できます。 XHTML 1.0 の検証とフィルタリングをサポートします (注: これはエディターのマークアップを指し、有効かどうかわからない生成されたコンテンツを指すものではありません!) HTML 修正機能 WYMEditor – jQuery を使用します。

公式サイト | デモ
WYMEditor

WYMeditor は、Web ベースの WYSIWYM (What You See What You Mean) XHTML エディターです。WYMeditor の主なコンセプトは、文書の視覚的なレイアウトの詳細を残し、その構造と意味に焦点を当てながら、ユーザーに快適なテキスト エディターを提供するよう努めることです XHTML 厳密な CSS 準拠 フォント、テキストの書式設定、サイズ、色はありません– CSS スタイルに基づいており、アプリケーションに簡単に統合できます。100% JavaScript コードで記述されています。画像、リンク、テーブルをサポートしています。無料のプラグインと主要なブラウザと互換性のあるオープンソース TinyMCE – 非 jQuery

公式サイト | デモ
TinyMCE

TinyMCE は、プラットフォームに依存しない、オープン ソースの Web ベースの Javascript HTML WYSIWYG エディターです。インスタンスを編集するための非常に強力な HTML テキストまたはその他の要素の変換機能。 統合が簡単 - 必要なコードは数行だけです。 カスタマイズ - テーマとプラグイン、無効な機能と属性のブロック。 主要なブラウザーとの互換性 – Mozilla、MSIE、FireFox、Opera、Safari、Chrome 軽量 – PHP/.NET/JSP/Coldfusion GZip コンプレッサーにより、TinyMCE を 75% 小型化し、読み込みを大幅に高速化 – AJAX との互換性 – が可能です。 AJAX を使用してコンテンツを簡単に保存およびロードできます! 国際化をサポート – 言語パックを使用した多言語サポート オープン ソース – LGPL ライセンスに基づいて無料で、毎日数百万人がこのエディターのテストと改善に貢献しています – 非 jQuery。

公式サイト | デモ
fckeditor

この HTML テキスト エディターには MS Word に似た機能があります。軽量でインストールは不要 主流のブラウザと互換性あり XHTML 1.0 をサポート 独自の CSS フォント形式をカスタマイズ可能: タイプ、サイズ、色、スタイル、太字、斜体など テキスト形式: 配置、インデント、箇条書きリストなど切り取り、貼り付け、プレーン テキストとしての貼り付け、元に戻す、やり直しをサポート 自動検出による Word クリーンアップからの貼り付け 画像の挿入、アップロード、プレビューをサポート 右クリック ドロップダウン メニュー プラグインをサポート インテリジェントなスペル チェッカー 軽量で高速な自動検出とパーソナライズブラウザ Yahoo YUI リッチ テキスト エディタ – 非 jQuery

公式サイト | デモ
Yahoo UI RTE

リッチ テキスト エディターは Yahoo YUI によって開発されており、標準の HTML テキストを置き換えることができます。テキスト フォントの選択、太字、斜体、順序付きリスト、順序なしリスト、リンク、ドラッグ アンド ドロップ画像、プラグインによるツールバーをサポートします。 Xinha – 非 jQuery を可能にします。

公式サイト | デモ
Xinha

Xinha (戦士の王女ゼナのように発音) は、現在のすべてのブラウザをサポートする強力な WYSIWYG HTML エディター コンポーネントです。構成可能性と拡張性により、制限なく適切なコンテンツを簡単に生成できます

出典:http://blog.sn00py.cn/2010/03/10 wysiwyg-editor based on jquery or javascript/

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Python vs. JavaScript:開発者の比較分析Python vs. JavaScript:開発者の比較分析May 09, 2025 am 12:22 AM

PythonとJavaScriptの主な違いは、タイプシステムとアプリケーションシナリオです。 1。Pythonは、科学的コンピューティングとデータ分析に適した動的タイプを使用します。 2。JavaScriptは弱いタイプを採用し、フロントエンドとフルスタックの開発で広く使用されています。この2つは、非同期プログラミングとパフォーマンスの最適化に独自の利点があり、選択する際にプロジェクトの要件に従って決定する必要があります。

Python vs. JavaScript:ジョブに適したツールを選択するPython vs. JavaScript:ジョブに適したツールを選択するMay 08, 2025 am 12:10 AM

PythonまたはJavaScriptを選択するかどうかは、プロジェクトの種類によって異なります。1)データサイエンスおよび自動化タスクのPythonを選択します。 2)フロントエンドとフルスタック開発のためにJavaScriptを選択します。 Pythonは、データ処理と自動化における強力なライブラリに好まれていますが、JavaScriptはWebインタラクションとフルスタック開発の利点に不可欠です。

PythonとJavaScript:それぞれの強みを理解するPythonとJavaScript:それぞれの強みを理解するMay 06, 2025 am 12:15 AM

PythonとJavaScriptにはそれぞれ独自の利点があり、選択はプロジェクトのニーズと個人的な好みに依存します。 1. Pythonは、データサイエンスやバックエンド開発に適した簡潔な構文を備えた学習が簡単ですが、実行速度が遅くなっています。 2。JavaScriptはフロントエンド開発のいたるところにあり、強力な非同期プログラミング機能を備えています。 node.jsはフルスタックの開発に適していますが、構文は複雑でエラーが発生しやすい場合があります。

JavaScriptのコア:CまたはCの上に構築されていますか?JavaScriptのコア:CまたはCの上に構築されていますか?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc;それは、解釈されていることを解釈しました。

JavaScriptアプリケーション:フロントエンドからバックエンドまでJavaScriptアプリケーション:フロントエンドからバックエンドまでMay 04, 2025 am 12:12 AM

JavaScriptは、フロントエンドおよびバックエンド開発に使用できます。フロントエンドは、DOM操作を介してユーザーエクスペリエンスを強化し、バックエンドはnode.jsを介してサーバータスクを処理することを処理します。 1.フロントエンドの例:Webページテキストのコンテンツを変更します。 2。バックエンドの例:node.jsサーバーを作成します。

Python vs. Javascript:どの言語を学ぶべきですか?Python vs. Javascript:どの言語を学ぶべきですか?May 03, 2025 am 12:10 AM

PythonまたはJavaScriptの選択は、キャリア開発、学習曲線、エコシステムに基づいている必要があります。1)キャリア開発:Pythonはデータサイエンスとバックエンド開発に適していますが、JavaScriptはフロントエンドおよびフルスタック開発に適しています。 2)学習曲線:Python構文は簡潔で初心者に適しています。 JavaScriptの構文は柔軟です。 3)エコシステム:Pythonには豊富な科学コンピューティングライブラリがあり、JavaScriptには強力なフロントエンドフレームワークがあります。

JavaScriptフレームワーク:最新のWeb開発のパワーJavaScriptフレームワーク:最新のWeb開発のパワーMay 02, 2025 am 12:04 AM

JavaScriptフレームワークのパワーは、開発を簡素化し、ユーザーエクスペリエンスとアプリケーションのパフォーマンスを向上させることにあります。フレームワークを選択するときは、次のことを検討してください。1。プロジェクトのサイズと複雑さ、2。チームエクスペリエンス、3。エコシステムとコミュニティサポート。

JavaScript、C、およびブラウザの関係JavaScript、C、およびブラウザの関係May 01, 2025 am 12:06 AM

はじめに私はあなたがそれを奇妙に思うかもしれないことを知っています、JavaScript、C、およびブラウザは正確に何をしなければなりませんか?彼らは無関係であるように見えますが、実際、彼らは現代のウェブ開発において非常に重要な役割を果たしています。今日は、これら3つの間の密接なつながりについて説明します。この記事を通して、JavaScriptがブラウザでどのように実行されるか、ブラウザエンジンでのCの役割、およびそれらが協力してWebページのレンダリングと相互作用を駆動する方法を学びます。私たちは皆、JavaScriptとブラウザの関係を知っています。 JavaScriptは、フロントエンド開発のコア言語です。ブラウザで直接実行され、Webページが鮮明で興味深いものになります。なぜJavascrを疑問に思ったことがありますか

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール

mPDF

mPDF

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール