こんな感じで、本文入力エリア上部に操作パレットが追加されます。
- wmdのスクリプトファイルを適当なサーバにアップロードする(せっかく掲示板のサーバは、画像以外をホストしてくれないため)
- 操作パレットに使われる画像ファイルをアップロードする(スクリプトファイルと同じサーバに置くのが一番楽。そうでないとスクリプト内の画像指定先を全部書き直さなくてはならなくなるはず)
- 掲示板の HTML に、そのスクリプトを読み込むためのコードを一行(!)追加する
たったこれだけ。こんな簡単でいいの?というくらい簡単です。
強いて言えば、スクリプトと画像の置き場に使った FileAve.comのアップロード機能があまり高性能ではなくて zipファイルを自動展開してくれたりはしないので、17個ある画像ファイルを一つずつ指定しなくてはいけなかったのがちょっと面倒だったくらい。
なんかもうこれでいいんじゃない?って気になりつつあります。
あんなに調べたのに(笑)。
いやでもこれはすごいです。
せっかく HTML使用可にしてあっても今までは知識のある人しか使えなかったわけですが、これからは簡単にリンクや画像埋め込みができるんだから。
後でプレビュー表示機能を追加する方法を調べて、できそうだったらやってみます。
それがうまくいったら、ちょっとかっこいい入力フォームになりそうで楽しみ。
惜しむらくは、記事編集画面の HTMLはいじれないので、一旦投稿した記事を編集する時には wmd が使えないことです。
あと一つ気づいたのは、wmd を使って画像を埋め込むと、alt は入力できるけど title を入力する方法がなくて、でもソースには title が空の値のまま生成されているっぽい。
この掲示板では title を指定した場合、そこにマウスのカーソルが乗るとカーソルの形状が変化するようにスタイル指定してあるので、にも関わらず何も情報が現れないのはちょっと気持ち悪い。
まあ気にしない人は気にしないんだろうけど。
---edit---
上記の title の件は嘘でした。すみません。リンクボタンをクリックして出て来る入力ダイアログの注意書きをよく読んでいなかっただけで、title の値を入力する方法はちゃんと用意されていました。
URLの後に半角スペースを入れてからダブルクォート「"」で括った文字列を付けると、それが title の値になります。
いずれにしても空のままにするとカーソルの問題が残るので、それについては引き続き考えます。