HTMLなどタグ編集を楽にするエディタ機能JavaScript (jTagEditor)
2007年8月6日(月) 07:55
HTMLやWikiなどタグを入力するするのが、意外と面倒になる。こうした手間を改善してくれるのが、jTagEditor。WYSIWYGとは異なり、コードを編集する事に特化したエディタインターフェースを実装することが出来る。
利用するには、jQueryも必要になる。HTML、Wiki、Textile、BBcodeなどのコードにはデフォルトで対応している。別のフォーマットに対応したい場合は、拡張することが出来るようになっている。
動作速度と日本語入力
jTagEditorを導入しても、入力の妨げになるような速度低下も無く、軽快に動作してくれる。また、日本語のテキストなど混在しても問題なく動作する。
すべての機能面で検証したわけでは無いので、細かな機能に関しては別途検証していただきたい。
ドキュメントはやや不足
サンプルと必要なJavaScriptライブラリはダウンロードファイルに含まれているので、導入する作業は、非常に簡単に行うことが出来る。しかし、表示のカスタマイズや独自コードの定義などを行う場合、ドキュメントが不足しているのでサンプルや、JavaScriptコードを参照する必要がありそうだ。
Druplなどのプラグインとして利用できると便利に利用できそうなコードエディタです。今後のバージョンアップと、ドキュメントの充実に期待したい。
関連する記事
- デザインが魅力的なスライドショー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)

