jQueryベースのWYSIWYGエディタ「jHtmlArea」

Category : ソフトウェア

jHtmlAreaはJavaScript製のオープンソース・ソフトウェア。Webシステム開発においてJavaScriptを使わないプロジェクトの方が多くなった。そしてブラウザ互換性のためにもprototype.jsやjQueryのようなフレームワークを利用することが多い。

スクリーンショット(2010-01-14 12.04.41).png
jQueryで作られている

 

特にjQueryはプラグインが多数存在することもあって人気が高い。そんなjQueryを使ってブラウザベースのHTMLエディタ(WYSIWYGエディタ)を実現したのがjHtmlAreaだ。CKEditorのような大型なものでなくとも十分ならばjHtmlAreaが使い勝手良さそうだ。

機能はそれほど多くないが、文字のヘッダリング、装飾(太字/イタリック/アンダーライン/打ち消し線など)、配置(インデント、右寄せなど)が可能だ。画像の埋め込みもできるが、URLを指定する必要がある。リンクも同様に外部のURLを指定する必要がある。対応ブラウザが限定されるがコピー&ペースト機能もある。

スクリーンショット(2010-01-14 12.05.45).png
ソース表示

 

スクリプト単体では8.7KB程度とごく軽量だ。対応ブラウザはIE7以上、Firefox3以上、Safari4以上となっている。jQueryを使った開発で使ってみたいソフトウェアだ。

執筆時のバージョン
 0.7.0

 

jHtmlArea – WYSIWYG HTML Editor for jQuery
 http://jhtmlarea.codeplex.com/

関連記事:

Hatena Bookmark for this entryHatena Bookmark - jQueryベースのWYSIWYGエディタ「jHtmlArea」 Clip this entry on Livedoor ClipLivedoor Clip - jQueryベースのWYSIWYGエディタ「jHtmlArea」 Bookmark this on Yahoo Bookmark Bookmark this on BuzzURLBookmark this on BuzzURL Add to @nifty clip Share on Tumblr Bookmark this on FC2 Bookmark Choix it! Add to Google Bookmark Bookmark this on Delicious Share on FriendFeed

jHtmlAreaに関する質問はQAhubでどうぞ!


Post a comment