軽快に動作するWYSIWYGエディタJavaScript (openWYSIWYG)
2007年3月6日(火) 09:35
ブログの編集画面なども利用する機会の多い、ブラウザ上で動作するWYSIWYGエディタたが、利用する環境によっては動作が遅かったり、編集ツールが使いにくかったりと色々と不満が多かった。openWYSIWYG の登場で、これらのストレスから開放される。
JavaScriptライブラリとして動作する openWYSIWYG を利用して、驚くのが読込みまでにかかる速度。ストレスなくエディタエリアを構築し、また編集作業中も実に軽快に動作する。エディタとしての編集機能も十分に備えており、画像差込、Undo、Redo機能も備えている。
ツールバー

メニューも使いやすいデザイン

導入も非常に楽に行えるのも特徴。ライブラリをコンテンツに読み込ませた後、generate_wysiwyg('textarea1') のようにテキストエリアを指定する。すると、<textarea id="'textarea1'">をエディタとして表示してくれるようになる。
ボタンやツールバーのデザインは /icons の画像差し替えで行える。別ウインドウで表示するツールなどは /popups にファイルが収められている。スマートに作りこまれており、完成度の高いWYSIWYGになっている。
関連する記事
- デザインが魅力的なスライドショーJavaScript (Lightview)
- 楽にフォーム入力チェックを実装するJavaScript (JSValidate)
- CSSデザインレイアウトをオンラインで簡単に作成する (YAML)
- ユーザーが再配置可能なWedgetを実装するJavaScript (Prototype Portal Class)
- フォームボタンCSSデザインするテクニック (Rediscovering Button Element)
- 半透明の角まるツールチップを表示するJavaScript (CoolTips)
- JavaScriptでプログレスバーを簡単に実装する (jsProgressBarHandler)
- JavaScriptコード圧縮して盗用から守る (packer)
- iTuneのようにカバーアートを表示するFlash (iTunes Coverflow)
- 画像をサムネイルのサイズで表示するJavaScript (jQuery Thumbs)
- Ajaxでサクサク動くWebファイルマネージャ (Relay)
- アンカータグを利用してスムーススクロールを実装する (df Smooth Scroll)
- MacでもFlashでホイール操作が出来るようにする (SWFMacMouseWheel)
- HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
- 使いやすいYUIライブラリのWYSIWYGエディタ (Rich Text Editor)
- フォトショップで作る80種類のテキストエフェクト集 (photoshoproadmap.com)
- Flashで便利なTweenクラスのわかりやすい解説 (Tween Class Easing)
- CSSレイアウト情報をレイヤー表示するブックマーク (XRAY)
- Lightboxのような透過レイヤー表示の実装サンプル (Lightbox Effect)
- CSSデザインで綺麗なボタンを作成する (How to make sexy buttons with CSS)

