【JQuery】 summernote(サマーノート)の入力内容をリアルタイムで書き出してみた

CSS,Javascript,開発

おはようございます。

先日紹介した summernote の API を見ていたら
コールバック関数が使えることが分かったので、ちょっと書いてみました。

サクッとですが。

スポンサーリンク

プログラム

css

css/style.css

HTML

index.html

Javascript

js/script.js

内容が変更されたら別で用意した DIV 要素にそのまま HTML を反映する処理。

summernote のエディタに入力されたコードは、$('エディタ’).summernote('コード’)で取得できます。

画面イメージ

画面イメージ
画面イメージ

左がエディタで、右がDIV要素です。

まとめ

他にもフォーカス、フォーカスアウト、キーダウン、アップなどでもイベントを拾えるようになっています。

また、カスタムボタンも作れるみたいなので、時間があったら弄ってみようと思います。

何かのお役に立てれば。

ではでは。

 

スポンサーリンク


関連するコンテンツ