Archive for 3 月 31st, 2007

3 月
31

ビジュアルリッチエディタの変更

Posted by せれ on 3 月 31, 2007

FreshReaderで気になるページを見つけました。

最近、こういうランキング系のエントリをいくつか見てたんですが、見慣れないものが１位に。

1. Advanced WYSIWYG Editor - adds more editing options to the WYSIWYG post editor. See it below

ビジュアルリッチエディタを変更できるようです。
作者のページはこちら。

ページ内のadvanced-wysiwyg.phpをクリックしてphpファイルをダウンロード。
あとは自分のWordPressのPluginフォルダにUploadして管理メニューから有効化するだけと簡単。

エントリ中ではWordPress 2.04についての記述しかなかったですが、WordPressMe2.12でも問題なく利用可能です。

ただし、１点注意事項があり、Uploadしたままだと、ツールバーがやたら長くて使えません。
この件に関して、エントリ中にこういう説明書きが。

If you find that the toolbar is too wide, you can move the buttons to a second and even third toolbar (or add more buttons as you please).

大雑把に訳すと、「もしツールバーが長すぎるなら、ボタンを自由に２つ目のツールバーに移動できますよ。もしくは３つ目のツールバーに移動できますよ。（必要ならボタンの追加も）」ってとこでしょうか。（自信なし）

で、そのカスタマイズ方法はこちら。

FTPソフトなどで、「Advanced WYSIWYG Editor」のパーミッションを一時的に「書き込み可能」に変更（707など）
管理メニュー＞プラグイン＞プラグインから「Advanced WYSIWYG Editor」を選択
「function extended_editor_mce_buttons($buttons) {
return array(
“formatselect”, “bold”, “italic”,･･･」
などと書いてある部分が編集すべき箇所。
不要な部分を削除。個人的に”copy”, “paste”などごっそり削除。
もし２つ目のツールバーを利用して、こちらにアイコンを移動させたい場合、
「function extended_editor_mce_buttons_2($buttons) {
// Add buttons on the second toolbar line
return $buttons;
}」
の部分に、”copy”, “paste”などを追加すれば良い模様。１段目の「 return array(…..)」の部分を最初にコピーして２段目の「 // Add…….return $buttons;」のところに丸ごと貼り付けてしまって、１段目と全く同じ状態にして、一度保存。
それで問題なく保存完了後、１段目と２段目を見比べながら編集すると楽でした。
（個人的には２つ目のツールバーは利用せず。ごちゃごちゃするしｗ）
投稿画面で動作を確認してみる。
問題がなければ最後にFTPソフトで「Advanced WYSIWYG Editor」のパーミッションを元に戻す。（644など）

個人的には上付き文字、下付き文字などは便利かなあと思いました。
あと、ツールバー一番左のFormatは、Paragraph、アドレス、Preformatted、Headding１～６を選択できてかなり便利。

もし不要になったら、
管理メニュー＞プラグイン＞プラグインから「Advanced WYSIWYG Editor」を無効化
すればOKです。

変更後のツールバーはこんな感じ。
２段目は不要なものを集めました。このエントリ作成後、２段目は丸ごと削除します。