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

関連記事

  1. Pilpil

    JavaScript

    プログレッシブ形式で画像表示時間を短縮してくれる「Pilpil」

    Pilpilは、ページの画像表示の時間を短縮するためのJSライブラリで…

  2. Responsive 3d Fold Scroll
  3. JavaScript

    ボックス要素からはみ出した分のテキストを「…」に置き換えてくれるjQueryプラグイン「…

    なんとなく使う機会がありそうな感じのjQueryプラグイン「jQuer…

  4. Chariot

    JavaScript

    Webページ内でステップごとのガイドツアーを実装できる「Chariot」

    ChariotはWebページ内でのガイドツアーを実装することができるJ…

  5. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP