ホームページ >ウェブフロントエンド >htmlチュートリアル >4 つの使いやすい無料オンライン HTML エディター

4 つの使いやすい無料オンライン HTML エディター

小云云
小云云オリジナル
2017-11-18 16:59:4110189ブラウズ

オンライン HTML エディターとは何ですか?オンライン エディタは、Web ページやその他のコンテンツをオンラインで編集および変更するために使用され、ユーザーが Web サイト上で「見たものがそのまま得られる」効果を得ることができるため、Web サイトのコンテンツ情報を編集および公開し、共有するために主に使用されます。ニュース、ブログ公開などのオンライン ドキュメント。シンプルで使いやすいため、Webサイトで広く使用されており、多くのネチズンによく知られています。

eWebEditor は確かに強力ですが、このエディターは有料ソフトウェアであり、その強力な機能ゆえに重すぎるように感じられ、一部の軽量の状況には適していません。では、無料で強力で、軽量な状況に適したオンライン HTML エディタはあるのでしょうか?

答えは間違いなく「はい」です。これはまず、長年にわたって共有ソフトウェアの開発を推進し続けてきた専任プログラマーのグループのおかげであり、私たちは彼らの成果を享受することができました。

1. Baidu が開発した UEditor

UEditor は、Baidu の Web フロントエンド研究開発部門が開発した WYSIWYG リッチ テキスト Web エディターであり、MIT に基づいたオープン ソースです。ライセンスを取得し、コードを自由に使用および変更することができます。特に、Toutiao のバックグラウンドで記事を公開するために使用されるエディターは UEditor です!UEditor には、UMeditor (略して UM) と呼ばれる軽量バージョンもあります。 UM は、単純な投稿ボックスや返信ボックスに対する大部分のポータル Web サイトのニーズを満たすようにカスタマイズされたオンライン HTML エディターです。 最大の特徴は容量と読み込み速度の変更で、本体ファイルのコードサイズは139kとなり、従来のiframeモードの使用をやめ、div読み込み方式を採用することで読み込み速度の高速化と読み込み失敗率ゼロを実現しました。 UM の最初のユーザーは Baidu Tieba です。Tieba での毎日の数億 PV のテストに耐えるためには、機能設計を最適化する必要があります。 もちろん、コードの削減に伴い、UE の UM の機能は依然として削減されていますが、写真をドラッグしてアップロードしたり、Chrome で写真をドラッグしてサイズを変更したりするなど、機能も増加しています。

2. xhEditor オープンソース HTML エディター

xhEditor は、jQuery に基づいて開発された、シンプルで小型で効率的なビジュアル HTML エディターであり、IE 6.0 以降、Firefox 3.0 以降、Opera 9.6 以降と互換性があります。 、Chrome 1.0以降、Safari 3.22以降。

xhEditor は完全に Javascript に基づいて開発されており、PHP、ASP、ASP.NET、JAVA などのサーバーサイド言語環境に適用できます。 CMS、ブログ、フォーラム、ショッピング モールなどのインターネット プラットフォームに完全に埋め込んで実行できます。非常に柔軟で簡単なので、システムとの完璧かつシームレスな接続を実現できます。

主な機能:

簡易ミニ: 1 js (50k) + 2 css (10k) + 1 image (5k)、合計 65k を含む 4 つのファイルの初期読み込み。 js ファイルや css ファイルを gzip 圧縮して送信すると、さらに 24k 程度まで圧縮できます。

使いやすい: メソッドを呼び出してクラス属性を追加するだけで、textarea を機能豊富なビジュアルエディターに変えることができます。

アクセシビリティ: WAI-ARIA の包括的なサポート、細かい操作のためのフルキーボード、およびフル音​​声ガイダンスを提供し、完璧なバリアフリー アクセス エクスペリエンスを提供し、障害を持つ人々のインターネット ニーズを完全に満たします。

組み込みの Ajax アップロード: HTML4 および HTML5 アップロードのサポート (複数のファイルのアップロード、実際のアップロードの進行状況、ファイルのドラッグ アンド ドロップ アップロード)、クリップボードのアップロード、リモート グラブ アップロードを含む、組み込みの強力な Ajax アップロード。

Word 自動クリーニング: Word コードを自動的に検出してクリーニングし、詳細を失うことなく最適化および合理化されたコードを生成します。

UBB ビジュアル編集: UBB ビジュアル編集をサポートし、安全かつ効率的なコード ストレージを取得しながら、ビジュアル編集の利便性も享受できます。

3. KindEditor オープンソース HTML エディター

KindEditor も JavaScript で書かれており、Java、.NET、PHP、ASP などのプログラムとシームレスに統合できます。 CMS やショッピング モール、フォーラム、ブログ、Wiki、電子メール、その他のインターネット アプリケーション向け。この初心者は、このエディタが比較的使いやすく、強力な機能を備え、フレンドリーなインターフェイスを備えているため、初心者が使用するのに非常に適していると感じています。残念ながら最近は更新が止まっているようで、公式サイトにも正常にアクセスできないようです。

主な特徴:

高速: 小さいサイズ、高速な読み込み速度

オープンソース: オープンソースコード、高レベル、高品質

最下層: 組み込みのカスタム DOM クラスライブラリ、DOM の正確な操作

拡張機能:プラグインベースのデザイン、すべての機能はプラグインであり、必要に応じて機能を追加または削除できます

スタイル: エディターのスタイルを変更するのは非常に簡単で、CSS ファイルを変更するだけです

互換性: ほとんどの主流ブラウザをサポートします、IE、Firefox、Safari、Chrome、Opera など

4. Alibaba の KISSY

厳密に言えば、KISSY は単なるオンライン HTML エディタではなく、Alibaba のフロントエンド エンジニアによって開始および作成されたオープンソース JS フレームワークです。 Alibaba Group、クロスターミナル、モジュール性、シンプルな機能を備えています。これには HTML エディター モジュールが含まれています。

KISSYはモジュール設計を採用しているため、高い拡張性、完全なコンポーネント、一貫したインターフェース、独立した開発という利点があり、さまざまなアプリケーションシナリオに適しています。 DOM、Event、Ajax、Anim などのツールの完全なセットに加えて、KISSY はチームコラボレーション用に独自に設計されており、古典的なオブジェクト指向、動的読み込み、およびパフォーマンス最適化ソリューションを提供します。 KISSY は、すべての端末でサポートされる JavaScript フレームワークであるため、モバイル端末向けに多くの適応と最適化が行われています。モバイル Web 開発に携わる方は、KISSY の使用を検討できます。

上記のオンライン HTML エディターは非常に使いやすく、無料です。開発時にオンライン HTML エディターを使用する必要がある場合は、これらを参照して好きなものを選択してください。

関連する推奨事項:

オンライン HTML エディター

オンライン HTML エディター ソリューション

Flat Fresh オンライン HTML エディター

以上が4 つの使いやすい無料オンライン HTML エディターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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