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. no-image
  2. SweetDropdown

    JavaScript

    スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

    SweetDropdownは、多彩なドロップダウンを実装することができ…

  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの超基本的なアニメーションを試してみる

    jQueryの基本的なアニメーションを試してみました。やっぱりアニメー…

  4. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  5. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  6. Mini Previews

    JavaScript

    リンクにホバーするとプレビューが見れるjQueryプラグイン「Mini Previews」

    Mini Previewsは指定したリンクにホバーするとリンク先のプレ…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP