Bootstrapで使えるWYSIWYGエディタ·bootstrap-wysiwyg MOONGIFT
bootstrap-wysiwygはBootstrap用のリッチなWYSIWYGエディタです。 使い勝手の良さもあってBootstrapを使ったWebサイトが増えています。より便利に使うためには多彩なウィジェットが欠かせません。今回はBootstrap用WYSIWYGエディタ、bootstrap-wysiwygを紹介します。 シンプルなUIで使い勝手が良さそうです。 文字の装飾は簡単にできます。ツールチップが出るのもいい感じです。 画像の埋め込みにも対応しています。ファイルフォームを使って画像を読み込む形になっています。 URLの埋め込み。ダイアログではないのがポイントです。 文字サイズの変更もできます。 bootstrap-wysiwygではさらにマイクアイコンをクリックして音声によるテキスト入力にも対応しています（Google Chromeの機能を使っています）。さらにホットキーへの対
わずか30KBで出来た軽量のWYSIWYGエディタ「NicEdit」 | Web活メモ帳
WordPressなどで使われているTinyMCEは高機能な分、かなり大きなファイル構成になっているため、どうしても容量が大きくなりがちだ。 しかし、本日紹介する「NicEdit」をすれば、わずか30KBの1つのファイルで WYSIWYGの実装が可能だ。 使い方 実装するには、以下の２行を追加するだけでOKだ。 <script src="nicEdit-latest.js" type="text/javascript"></script> <script type="text/javascript"> bkLib.onDomLoaded(nicEditors.allTextAreas); </script> これで、ページ内にあるテキストエリアが自動的にWYSIWYGエディタに様変わりする。 ↑実装した様子 必要最低限の機能で良い場合に十分使えるシステムだ。 公式サイトにはデモがあるので、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
