WYSIWYGを可能にするjavascript「openWYSIWYG」

HTMLなどは高齢者や初心者にとって分かりづらいものです。
しかし、ブログなど双方向のネット時代が訪れ、コメント欄などでは編集を簡単にすることが求められます。
openWYSIWYGというjavascriptでは、Wordを使う様に文字を打ち込むことがつーでき、ユーザビリティの向上が図れます。
＊WYSIWYGとはW（What）Y（You）S（See）I（Is）W（What）Y（You）G（Get）を意味し、直訳すると「あなたが見たものが、あなたが得るもの」ということになります。

使用方法
openWYSIWYGファイルをダウンロード・解凍した後、head内にwysiwyg.jsを埋め込みます。
また、対象となるtextareaのidラベルに示した文字列（好きなid名）を以下に書き込みます。
<script type="text/javascript">
generate_wysiwyg('好きなid名');
</script>
このscriptをtextareaの下に挿入すれば完成です。
注意点としては、ファイル一式の置き場所は対象となるファイルと同じディレクトリに置かなければいけないということですが、恐らくjavascriptの中身を修正すればできると思います。
openWYSIWYGサンプル

2007年06月28日

前の記事：javascriptでソート出来る表を作る「Table Sorter」
次の記事：Movable Typeでabbr（略語）を自動で挿入するプラグイン

関連記事

• [mootools]WysEditor
• [jQuery]Sifr
• [prototype]Proto.IPS
• [mootools]ownCMS WYSIWYG
• [jQuery]highlight

• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」
• レイヤー表示（？）JavaScript「jParallax」
• スクロールしてもついてくる！のJavaScript「jQuery Scroll Follow」