はてなダイアリーの詳細編集画面にリアルタイムプレビュー機能を追加するグリモン書いた

id:nitoyonさん作のtext-hatena.js使わせてもらいました。

以下のリンクからインストールできます。

インストールすると詳細編集が以下のようになります。

左側が編集領域で、ここにはてな記法でエントリを書きます。

右側はプレビュー領域になっていて、編集領域に入力した内容をプレビューできます。

適用されるスタイルが標準（？）のものになっていて、実際に表示されるものと異なるという問題があります。

でも、プレビューで確認したいのは文書の構造とかがちゃんとしてるかを確認したい場合がほとんどなので、スタイルの違いはあまり問題にならないかなーなんて思ってます。

また、text-hatena.jsが対応していない記法とかもあったりして、期待通りのプレビューにならない場合があります。

なんか順番が逆になってしまいましたが、調べてみると同じようなことをするスクリプトがいくつかありました。（ブコメで教えてもらったのもあり）

あと、はてな関係のスクリプトは以下にまとめられているので、こんどからここをまず見るようにする。

トラックバック - http://d.hatena.ne.jp/snaka72/20090810/1249898806

リンク元

今日もスミマセン。