ContentTools

JavaScript

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

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

ContentTools

デモ

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

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

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

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

ContentTools

関連記事

  1. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  2. 4PXMMenu

    JavaScript

    滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」

    4PXMMenuはモバイルサイトに最適なメニューを実装することができる…

  3. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

  4. JavaScript

    リストなど複数の要素をランダムにフェードで表示していくjQueryプラグイン「champagne.j…

    どこかで使う機会がありそうな感じのjQueryプラグイン「champa…

  5. Mini Previews

    JavaScript

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

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

  6. no-image

    JavaScript

    チェックボックスをアニメーショントグルにする「jquery-simpletoggler」

    jquery-simpletogglerは、デフォルトのチェックボック…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP