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. PrognRoll

    JavaScript

    スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

    PrognRollはスクロールによるプログレスバーを表示することができ…

  2. tingle.js

    JavaScript

    シンプルで手軽に実装できるモーダルウィンドウ「tingle.js」

    tingle.jsは、シンプルなモーダルウィンドウを実装できるスクリプ…

  3. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  4. no-image

    JavaScript

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

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

  5. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

  6. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP