WYSIWYGを可能にするjavascript「openWYSIWYG」

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ! コメントを見るYahoo!ブックマークに登録 このエントリーをdel.icio.usに追加する deliciousブックマーク数このページを行き先登録 このページをniftyクリップに登録このページをBuzzurlに登録

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

使用方法
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(略語)を自動で挿入するプラグイン

関連記事

コメント投稿











WYSIWYGを可能にするjavascript「openWYSIWYG」に関するコメントはまだありません。
ご遠慮なくコメントしてください。

この記事へのトラックバック:

過去の記事

rss

ページトップに戻る