Froala:フル機能のWYSIWYGリッチテキストエディターでプラットフォームを強化

FroalaWYSIWYGリッチテキストHTMLエディター

あなたが今までにあなたが何を見るか、何を得るかであるテキストエディタを必要とするプラットフォームの開発の道を歩み始めたなら(WYSISYG)、あなたはそれがどれほど難しいか知っています。 私が電子メールサービスプロバイダーで働いていたとき、レスポンシブなクロスクライアント電子メールHTMLをレンダリングするために機能するエディターを開発およびテストする仕事は、開発者に反復と修正を行うためにいくつかのリリースを要しました。 簡単ではない。

テキストエディタは、キャプチャされたコンテンツを大幅に強化するプラットフォームに組み込みたい要素のXNUMXつですが、数か月または数年の開発は必要ありません。 Froalaエディター は、軽量で、適切に構造化され、安全で、開発チームがすべてに簡単に統合できる、非常に高速なリッチテキストエディタです。 人気のあるフレームワーク.

froalaエディターツアー1

Froalaエディターのデザイン機能

  • 現代デザイン –ユーザーが気に入る素敵なモダンなインターフェース。
  • 網膜レディ –より詳細で、より優れた美学とよりシャープなフォント。
  • テーマ –デフォルトまたはダークテーマを使用するか、LESSテーマファイルを使用して独自のテーマを作成します。
  • 直感的なインターフェイス – Froalaリッチテキストエディターは、ユーザーが自然に使用できる非常に直感的なインターフェイスを通じて完全な機能を提供します。
  • ポップアップ –素晴らしいユーザーエクスペリエンスのための新しいスタイルのポップアップ。
  • SVGアイコン –自社製のSVGアイコン、あらゆるサイズでゴージャスに見えるスケーラブルなベクターアイコン。
  • カスタムスタイル – WYSIWYG HTMLエディターは、ルックアンドフィールを希望どおりに変更するための特別なカスタマイザーツールを備えた唯一のエディターです。
  • カスタムツールバー –ボタンが多すぎますか? おそらく正しい順序ではありませんか? 各画面サイズでエディターのツールバー機能を完全に制御できます。
  • ずっとカスタム –ボタン、ドロップダウン、ポップアップ、アイコン、ショートカットなど、すべてをカスタマイズまたはカスタムメイドできます。
  • スティッキーツールバー –編集エクスペリエンスを容易にするために、下にスクロールしている間、WYSIWYGエディターのツールバーは画面の上部に残ります。
  • ツールバーオフセット –リッチテキストエディターのツールバーは、Webページのヘッダーと重なる必要はなく、オフセットを設定するだけです。
  • 下部のツールバー –スティッキーツールバーまたはオフセットを使用しながら、WYSIWYGHTMLエディターツールバーの位置を上から下に簡単に変更できます。
  • 全画面表示 –大量のコンテンツを処理するには、大きな編集スペースが必要です。 フルスクリーンボタンは、編集領域をWebページスペース全体に拡張します。
  • 全ページ –HTMLページ全体の作成と編集も可能です。 電子メールに役立ちますが、HTML、HEAD、BODYタグ、およびDOCTYPE宣言の使用が許可されています。
  • iframe – WYSIWYG HTMLエディターのコンテンツは、iframeを使用してページの残りの部分から分離できるため、スタイルやスクリプトの競合は発生しません。

FroalaEditorのパフォーマンス機能

  • 尊大 –瞬きの40倍の速さで、リッチテキストエディターはXNUMXミリ秒未満で初期化されます。
  • 軽量 –わずか50KBのgzip圧縮されたコアにより、読み込み速度を失うことなく、アプリにすばらしい編集エクスペリエンスをもたらすことができます。
  • プラグインベース –モジュラー構造により、WYSIWYG HTMLエディターがより効率的になり、理解、拡張、および保守が容易になります。
  • ページ上の複数の編集者 –同じページにXNUMXつまたはXNUMXのテキストエディタがありますか? 違いを感じることはありません。クリック時に初期化されるように設定するだけです。
  • HTML 5 – Froala Rich Text Editorは、HTML5標準を尊重して利用するように構築されています。
  • CSS 3 – CSS 3を使用するよりも、ユーザーエクスペリエンスを向上させるためのより良い方法は何ですか? 微妙な効果により、エディターはさらに大きくなります。

FroalaEditorのモバイル機能

  • AndroidとiOS –AndroidおよびiOSデバイスがテストおよびサポートされています。
  • 画像のサイズ変更 – Froala Rich Text Editorは、モバイルデバイスでも機能する画像サイズ変更機能を備えた最初のWYSIWYGHTMLエディターです。
  • ビデオのサイズ変更 –再生中であっても、ビデオのサイズ変更を最初に導入しました。 そしてもちろん、それはモバイルでも機能します。
  • 応答デザイン –編集しているコンテンツはレスポンシブになります。 彼らのWYSIWYGHTMLエディターは、パーセンテージを使用して画像のサイズ変更を処理できます。
  • 画面サイズ別ツールバー –リッチテキストエディタで初めて、ツールバーを画面サイズごとにカスタマイズできます。

FroalaエディターのSEO機能

  • クリーンなHTML – Froalaは、リッチテキストエディターのHTML出力を自動的にクリーンアップするアルゴリズムを開発しました。 心配することなく書くことができるWYSIWYGHTMLエディターは、検索エンジンによってクロールされるのを待って、非常にクリーンな出力を生成します。
  • 画像の代替タグのサポート –代替画像は、ブラウザが画像を表示できない場合に表示されるテキストです。 これは検索エンジンが使用するテキストでもあるため、無視しないでください。 画像編集ポップアップで代替テキストを設定できます。
  • リンクタイトルタグのサポート –リンクタイトルがSEOに大きな影響を与えることは知られていませんが、ユーザーがWebサイトを簡単にナビゲートするのに役立ちます。 それほど重要ではありませんが、持っておくとよいでしょう。 リンクポップアップでリンクタイトルを設定します。

FroalaEditorのセキュリティ機能

  • Froala WYSIWYG HTML Editorには、XSS攻撃に対する強力な防御メカニズムがあります。 ほとんどの場合、これについてまったく心配する必要はありませんが、サーバーで追加のチェックを行うことをお勧めします。

サポートとともに すべてのHTML機能、エディターは34の異なる言語に翻訳され、自動検出によるRTLサポート、およびスペルチェックを備えています。

Froalaには WordPressのプラグイン エディターをWordPressサイトに統合します。

FroalaのオンラインHTMLエディターをお試しください Froalaをダウンロード

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.