jQuery Notebook

JavaScript

シンプルなテキストエディタを実装できるjQueryプラグイン「jQuery Notebook」

jQuery NotebookというjQueryプラグインを使えばシンプルなテキストエディタを実装することができます。ブラウザからエディタを使うことができるのでとても便利そうですね。見出しやリスト、または太文字や下線を引いたりといったことができます。

[ads_center]

jQuery Notebookの使い方

こんな感じで文字をドラッグした部分にメニューが表示されます。

jQuery Notebook

もちろんテキストエディタなので文字を入力することも可能です。

文字入力

使い方もシンプルですね。

$(document).ready(function(){
    $('.my-editor').notebook();
});

オプションもいくつか用意されているので気になる方は是非チェックしてみてください。

raphaelcruzeiro/jquery-notebook · GitHub

(cs)spinnerCSSだけでミニマルなローディングアニメーションを実装できる「(cs)spinner」前のページ

Macのディスプレイ(画面)上のRGB値や色の名前を表示してくれるアプリ「ColorQuest」次のページColorQuest

最近の記事

  1. しろいくろの黒豆塩大福とガトーショコラ
  2. ボヤージュブレンド
  3. 紫陽花とセミの抜けがら
PAGE TOP