Sky-Yard -Note-

着々とバージョンアップしていくppblogに追いつけずに放置しまくりだったカスタムエディタをようやくバージョンアップしました。

以下、readme全文記載。

ppblog1.7.3用カスタマイズファイル「カスタムエディタ1.7」

●機能
デフォルトのエディタをカスタマイズしたものです。
具体的には以下の通り

* 取り消し線をdel要素からspan要素にthroughクラスを指定したものへ変更
* 囲み線クラスの追加（enclose）
* コメントアウト文（＃を文頭にいれ、グレーにする:comment-out）クラスの追加
* 「ルビ」クラスの追加（純粋にCSSで実装しています）
* リスト要素の改行位置などを調整
* dfn要素の挿入補助。noteクラスを指定しています。
　　　（定義語をマークアップするタグですが、拡大解釈して注釈用のタグにしてみました
* abbr要素の挿入補助（タイトルに正式名称を入力）
* br要素の挿入補助（ページ作成時に微妙に使えるかと）
* 文の整形：アスキーアート用ボックスを追加し、引用ボックスは自動的にp要素とcite要素が挿入されるようになっています
　　　h1要素とh2要素は必ず使っているはずなので省きました。
* 「その他のタグ」セレクトボックス追加：単純に反転させた語句に対してタグの挿入補助を行うものを纏めています
　　 ・コード一部：code要素
　　　　・変数：var要素
　　　　・短い引用文：q要素
　　　　・出典：cite要素
　　　　・追記：ins要素（これに関しては<ins datetime="略" class="alert">追記</ins>のような形で、反転語句の前に挿入します）
　　　　・削除：del要素（ins要素もそうですが、挿入した時点の時刻でdatetime属性を設定します）
　　　　・上付き文字：sup要素
　　　　・下付き文字：sub要素
* 文字サイズをptからpxに変更
* テーブル挿入時のポップアップの文章を若干変更
* 絵文字ボタンの位置変更
* Fixされたツールバーの見た目を変更
* Fix modeをOnにしたときに、サイドバーを隠し、画面領域を大きく取ります（もちろん表示することも可能です）

●インストール方法
※必ずバックアップを取ってください

１、buttonディレクトリに画像ファイルをアップロード
２、editor.jsを上書き
３、テーマのスタイルシートに、customEditor.cssの内容を追記し（あるいは@import）、色などを適当にカスタマイズする
（最低でも、取り消し線・囲み線・ルビ・cite要素まわりはスタイルを当てないとちゃんと表示されません）

以上です。スタイルシートの文字色などは適宜カスタマイズしてください。また、クラス名がバッティングする場合はお手数ですが被ってしまったほうを変更してください。

●アンインストール方法
最新版のppblogのeditor.jsで上書きし、buttonディレクトリの中にある
abbr.png
br.png
cmtout.png
dfn.png
enclose.png
ruby.png
thr.png
を削除して下さい。


●注意
このカスタマイズファイルは、

○元ファイル
ppblog1.7.3（2008/05/13 build）
editor.js by martin $ 2008/05/10 17:03:15

○確認ブラウザ
InternetExplorer7
Firefox2.0
Opera9.27
Safari3.1.1（ただし、promptの挙動の違いにより若干意図しない動きをするときがあります）

に基づいて作製しています。ブラウザ依存はあまりありませんが、Fix modeはIE6では使用できません。
また、ppblogのバージョンが合わないと正常動作しません。
ppblogのメジャーなバージョンアップがあった時はこちらもバージョンアップするまで使用はお控えください。

なお、このファイルの使用はあくまで自己責任でお願いします。
このファイルを使用したことによる損失等に対しての責任は、BENITは一切負いませんので予めご了承ください。


要望その他ありましたらBENITまで。
Sky-Yard -Note- :: http://welkin.s60.xrea.com/blog/


更新履歴：

○2008/05/18
1.7.3に対応
ビデオタグ関連廃止
fix=onの時に自動的に左メニューを隠すように


○2007/03/01
1.6.0に対応
ボタン統廃合
ビデオタグ入力にURL入力を追加
dfn要素にクラスを指定
ツールバー上部固定ボタン

目玉機能だったfix modeが公式についてしまったのが嬉しいやら悲しいやら。おかげで、あえてインストールするほどのものでもなくなってきた気がします（笑
一応、このカスタムエディタではfix modeの見た目を公式のものとちょっと変えています（以前からカスタムエディタで実装していたものと同じ形です）。
かつ、同時に左に出ているサイドバーメニューを隠すというどうでもいい機能まで(ﾉ∀｀)これは、人によっては鬱陶しいかもしれませんね。

実は、一つ付け損なった機能がありました。
長文の記事を書いている時アンカージャンプでページの一番上まで飛ぶボタン、というものなんですが、現在のURLの取得などに難があったためやめました。まあ、作るには作ったんですが、色々と微妙だったので……。


ちなみに、Diaryのほうでは配布版にはない機能をつけています。
あちらではカクテルレシピを載せることが多いのですが、それを毎回打つのが面倒だったため、最初にベースを選んで後はpromptに何回か入力するとレシピ以外のヘッダを挿入する、という機能です。
エディタのカスタマイズにも慣れてきたので、そんな感じの機能も割りとすぐ実装できました。

ま、エディタをここまでいじりたいなんて人は滅多に居ないでしょうけど（笑