シンプルな見た目に拘ったWYSIWYGエディタを実装する為のjQueryプラグイン・Froala WYSIWYG Editor

スポンサーリンク

シンプルな見た目に拘ったWYSIWYGエディタ、Froala WYSIWYG Editorのご紹介です。jQueryに依存しています。ちょっと今まで見た事が無いタイプですね・・・

アイデアが素敵だったのでメモ。シンプルさに拘ったWYSIWYGエディタです。

Froala WYSIWYG Editor


HTML5のcontenteditableのように、その場で編集可能です。ドラッグすればそこにWYSIWYGエディタが表示されるので、その場で編集できる、というもの。


上記のようにWYSIWYGエディタがポップアップします。勿論、普段から使っているような、常時表示された状態にも出来ます。

<script src="http://code.jquery.com/jquery-1.10.2.js"></script
<script src="froala editor.min.js"></script>

本体とプラグインを読み込み。

    $(function() {
        $('#foo').editable()
    });

セレクタを指定します。

便利そうなんですけど、ライセンスが、無料版は非商用で、商用はライセンスの購入が必要となります。詳細は以下でご確認下さい。

Froala WYSIWYG Editor

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services