bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScript軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」JavaScript2017.07.12軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエディタを実装できます。jQueryなどを必要とせず、純粋にJavaScriptだけで書かれているのが特徴です。sassファイル(pell.scss)による簡単なカスタマイズやCSSの上書きなどもできます。pell以下、pellの実際のデモページです。デモデザイン・機能ともにシンプルで、とても入力しやすいWYSIWYGエディタであることを実感できると思います。文字を太くしたり斜めにしたり、またはH1やH2に装飾したりURLのリンクを貼ったりと効率的に文章を書けますね。一つ前の状態に戻したり、逆に進めたりといった機能もユーザーにとっては助かるはず。軽量・シンプルでありがならも、ユーザーが必要とする機能はしっかりと用意されているといった印象です。下記は具体的なアクションになります。Formattingといった機能も使えるみたいですよ。使い方やカスタマイズも簡単なので、手軽に実装できそうです。いうわけで、シンプルながらも必要な機能をしっかり備えたWeb用のWYSIWYGエディタを実装できる「pell」のご紹介でした。JS単体で依存性もなく軽量なWYSIWYGエディタを実装したい人は、要チェックです。ライセンスはMITとのこと。pellの具体的な使い方や詳細、ダウンロードは下記のページからどうぞ。ES...JavaScriptスライド式のタイムラインを実装できるjQueryプラグイン「Timeline.js」Timeline.jsは、スライド式によるタイムラインを実装することが...JavaScriptタッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」SpriteSpinはプロダクトページなどで役立つ、360度ビューを実...JavaScriptHTML要素を回転させれる「jquery-ui-rotatable」jquery-ui-rotatableはHTML要素を回転させれるjQ...JavaScriptフォントサイズをブラウザ幅に合わせて自動で変更してくれるプラグイン「jQuery.fontFlex」...jQuery.fontFlexというプラグインを使えば、フォントサイズ...JavaScript指定したテキストをハイライトとタイピング効果で表示できる「typeLighter.js」typeLighter.jsは、指定したテキストをハイライトとタイピン...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。