pell

JavaScript

軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエディタを実装できます。jQueryなどを必要とせず、純粋にJavaScriptだけで書かれているのが特徴です。sassファイル(pell.scss)による簡単なカスタマイズやCSSの上書きなどもできます。

pell

デモ

デザイン・機能ともにシンプルで、とても入力しやすいWYSIWYGエディタであることを実感できると思います。

文字を太くしたり斜めにしたり、またはH1やH2に装飾したりURLのリンクを貼ったりと効率的に文章を書けますね。また、一つ前の状態に戻したり、逆に進めたりといった機能もユーザーにとっては助かるはず。

軽量・シンプルでありがならも、ユーザーが必要とする機能はしっかりと用意されているといった印象です。

  • Bold
  • Italic
  • Underline
  • Strike-through
  • Heading 1
  • Heading 2
  • Paragraph
  • Quote
  • Ordered List
  • Unordered List
  • Code
  • Horizontal Rule
  • Link
  • Image
  • Undo
  • Redo

将来的には、Justify Center、Justify Full、Justify Left、Justify Right、Subscript、Superscript、Font Name、Font Size、Indent、Outdent、Clear Formattingといった機能も使えるみたいですよ。

使い方やカスタマイズも簡単なので、手軽に実装できそうです。

というわけで、シンプルながらも必要な機能をしっかり備えたWeb用のWYSIWYGエディタを実装できる「pell」のご紹介でした。JS単体で依存性もなく軽量なWYSIWYGエディタを実装したい人は、要チェックです。

サポートブラウザは、IE 9+、Chrome 5+、Firefox 4+、Safari 5+、Opera 11.6。ライセンスはMITとのこと。

pell

humane.jsシンプルでモダンなさりげない通知システムを実装できる「humane.js」前のページ

スマホからのモーダルウィンドウを使いやすくしてくれる「Bootstrap Mobile FullScreen Modal」次のページBootstrap Mobile FullScreen Modal

関連記事

  1. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

  2. Rain & Water Effect Experiments
  3. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

  4. CaptionerJs

    JavaScript

    画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」

    CaptionerJsは画像に開閉できるキャプションを実装することがで…

  5. jQuery Bar Rating

    JavaScript

    選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

    jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィ…

  6. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP