FLAGS

筆者おかあつ 大きな区分 記事の区分 記事の一覧 検索 ツイート

2013年8月17日土曜日

使いにくいブロッガーエディタの機能拡張ブックマークレット (oka01-qircajusejjegwlj)

筆者は当ブログ「おかあつ日記」にブロッガーを利用している。しかしブロッガー標準のエディタは編集機能が少なく使い勝手が悪い。そこでブロッガーのエディタを拡張するためのブックマークレットを作成した。

主な機能

  • HTML編集画面に移動せずに、直接タグ編集/挿入する機能を追加する。
    • 選択範囲にスタイルを設定する。
    • 任意のタグを挿入する。
    • ヘアラインを挿入する。
    • 強制的に<br/>を挿入する。
  • よく使う機能にショートカットキーを設定する。
  • リロード(CTRL+R / F5)の無効化。
    誤って CTRL+R や F5 を押してしまい、大切なデータを失うことを防ぐ。


ブックマークレット

BLOGGER EDITOR EXTENSION

上記のアイコンは、ブックマークレットと呼ばれるプログラムになっている。

上記のアイコンを右クリックしてブックマークとして保存すると、簡単にご利用のブラウザに機能を追加する事が出来る。


必要なくなったらブックマークを削除すれば良い。


ブックマークレットを実行する

ブロッガーの編集画面を開いた状態で、保存したブックマークをクリックすると、機能拡張が読み込まれる。


この画面を見ている状態で、ブックマークレットをクリックすると…


上記のように新しいボタンが出現する。これで準備完了だ。


ツールバーの使い方

ツールバーに現れた新しいボタンをクリックする事で、拡張機能を呼び出すことが出来る。

HR

カーソル位置にヘアライン <hr/> を挿入する。 (ショートカットキー SHIFT+M)

BR

カーソル位置にラインブレイク <br/> を挿入する。 (ショートカットキー SHIFT+CTRL+M)

TAG

選択したテキストのHTMLを表示し編集する。選択していない場合は、指定されたHTMLを挿入する。 (ショートカットキー CTRL+T)

APL

選択中のテキストにテンプレートを適用する。 (ショートカットキー CTRL+E)

CNF

APLで適用するテンプレートを編集する。APLを実行すると、ここで設定した文字列が%sが選択中のテキストと置き換わった上で挿入される。  (ショートカットキー CTRL+Y)

END

拡張を終了する。 (ショートカットキーなし)


登録されるショートカットキー

CTRL+H → (1 ~ 5) 又は (F1~F5) 又は (H/J/K/L/;)

CTRL+H を押した後、1から5までの数字キーを押すと押した数字キーに対応した <h1> ~ <h5>タグが適用される。

CTRL+G

Compose画面と HTML画面を交互に切り替える。

CTRL+R / CTRL+F5 / CTRL+SHIFT+F5

何もしない。これは効果的にキー押し間違えリロードによるデータの損失を防ぐ。


サポート

ツイッター・おかあつ日記 にて連絡を頂けたら幸いである。

Firefox20.0で動作確認。他のブラウザで動く保証はない。恐らくは動く筈。



ソースコード

github
https://github.com/ats4u/blogger-editor-extension


使用条件

当ソフトを利用する事で受けた損害について筆者は一切関知しない。筆者は当ソフトの不具合を修正する義務を一切の追わない。筆者は、当ソフトの商用利用・複製・改変・再配布を一切制限しない。BSDライセンスとする。