ContentTools

JavaScript

画面内でそのまま編集できるWYSIWYGエディタ「ContentTools」

ContentToolsは画面内でそのままコンテンツを編集できるWYSIWYGエディタを実装するJavaScriptライブラリです。とてもシンプルなデザインで編集もしやすくていい感じですね。

ContentTools

デモ

SHOW MEというボタンを押して編集ページへ行き、左上にあるペンのアイコンをクリックすると編集モードに切り替わります。

あとはコンテンツを実際に編集していくだけです。

編集メニューもシンプルでとても見やすく、ドラッグアンドドロップで好きな位置に移動させることも可能なので、使い勝手も良好です。

編集が出来たら、左上にあるチェックマークをクリックすれば、完了します。

ContentTools

Cloud 9 Carouselサクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」前のページ

ミニマルなポートフォリオに最適なWordPressテーマ「Monsterrat」次のページMonsterrat

関連記事

  1. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  2. jBox

    JavaScript

    ツールチップやモーダルウィンドウなどを実装できるjQueryプラグイン「jBox」

    jBoxはカスタマイズ性に優れたツールチップ、モーダルウィンドウ、通知…

  3. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  4. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

  5. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  6. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

最近の記事

  1. セミの抜けがら
  2. Nikeスポーツバンド(アンスラサイト/ブラック)
  3. COMOLI 和紙コットンリストバンド
  4. スターバックス インドネシア アチェ
  5. ベーコンとほうれん草のキッシュ

アーカイブ

PAGE TOP