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. jquery-scrollstop

    JavaScript

    スクロールの開始・終了時のイベントを設定できる「jquery-scrollstop」

    jquery-scrollstopはスクロールの開始・終了時のイベント…

  2. Simply Modal Box
  3. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  4. Ladda

    JavaScript

    ボタンとローディングアイコンが一緒になったUIを実装できるjQueryプラグイン「Ladda」

    Laddaはボタンとローディングアイコンが一緒になったUIを実装するこ…

  5. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

最近の記事

  1. cheero Power Mountain mini 30000mAh CHE-110
  2. 帆布カメラインナーケース B-2タイプ
  3. 雨粒

アーカイブ

PAGE TOP