WYSIWYGエディタウェブシステム開発について

ウェブシステム開発についてWEBSYSTEM

WYSIWYGエディタ

WYSIWYGエディタのデモ実装です。

CLEditorのサンプルです。 WYSIWYG（ウィシウィグ）エディタは、出力内容をみながら編集が可能なエディタの事です。太字やリンク、画像の挿入などの装飾がリアルタイムで確認出来ます。

不要なボタンの削除や追加機能の実装も可能です。
（画像の呼出しボタン画像の呼び出しボタン

は独自実装です）

<div id="service">
          <h3>当社のウエブシステム開発の特徴</h3>
          株式会社WASPは、オープン系システム開発を得意とする、WEB制作会社です。<br>
          豊富な開発実績を活かし、様々なご要望にお応えいたします。<br>
          <br>
          不動産物件管理・製品管理、検索システム、予約受付などRDBMSを使用したCMS構築　各種帳票出力（csv・ xml・ PDF・ Excel）に対応いたします。
          <br>
          <br>
          パソコン、スマートフォン（iPhoneやAndroid）、タブレット（ipad）などへの対応が可能です。<br>
          <br>
          サンプルをご用意しておりますので、是非ご覧ください。
          <hr>
          <h3>サンプル一覧</h3>
          <h4>UI実装</h4>
          <dl>
            <dt>ドラッグ＆ドロップ名
            <dd>座席表・時間割・CMSのコンテンツ配置などといったUIの構築に役立ちます。
            <p style="text-align : right;" align="right"><a href="drag.php"><img src="../listmark/icon002.png" width="85" height="20" border="0" alt="詳細を見る"></a></p>
            <dt>画像クロップ
            <dd>画像を、表示サイズに合せて手軽に切り取りたい場合に役立ちます。
            <p style="text-align : right;" align="right"><a href="crop.php"><img src="../listmark/icon002.png" width="85" height="20" border="0" alt="詳細を見る"></a></p>
            <dt>可変グリッド
            <dd>jQuery Masonry を使用した、可変グリッドレイアウトのデモです。<br>
            ブラウザの幅によって配置した要素がアニメーション付きで綺麗に並び変わります。<br>※開く度にコンテンツをランダムで生成しています。
            <p style="text-align : right;" align="right"><a href="grid.php" target="_blank"><img src="../listmark/icon002.png" width="85" height="20" border="0" alt="詳細を見る"></a></p>
            <dt>WYSIWYGエディタ
            <dd>CLEditorのサンプルです。<br>WYSIWYG（ウィシウィグ）エディタとは、出力内容をみながら編集が可能なエディタの事です。
            <p style="text-align : right;" align="right"><a href="cleditor.php"><img src="../listmark/icon002.png" width="85" height="20" border="0" alt="詳細を見る"></a></p>
          </dl>
          <h4>データ出力</h4>
          <dl>
            <dt><img src="../listmark/pdf_icon.png" width="16" height="16" border="0" alt="PDF"> PDF出力
            <dd>納品書・請求書・はがきなど、様々な用途に合わせてPDF出力が可能です。
            <p style="text-align : right;" align="right"><a href="pdf.php"><img src="../listmark/icon003.png" width="85" height="20" border="0" alt="詳細を見る"></a></p>
            <dt><img src="../listmark/excel_icon.png" width="16" height="16" border="0" alt="エクセル"> エクセル出力
            <dd>EXCEL出力のデモ
            <p style="text-align : right;" align="right"><a href="excel.php"><img src="../listmark/icon003.png" width="85" height="20" border="0" alt="詳細を見る"></a></p>
          </dl>
          <hr>
        </div>

このページの先頭へ

バナースペース

選挙支援どっとこむ議員様向け後援会・支援者管理システム

株式会社WASPはオープン系システム開発を特意とするWEB制作会社です。

ウェブシステム開発についてWEBSYSTEM