秀丸エディタでHTMLプレビューを表示する方法

自分がブログを投稿するのはPCからのみで、記事を書くとき、まずテキストエディタで文章を下書きし、Bloggerの投稿エディタに貼り付け、微調整をHTMLモードで行っております。

しかし、最初からHTMLで書いて貼り付ければ楽なのですが、確認のたびにブラウザを開くもしくはリロードしなければならないのが面倒なところです。

今回は、プレビュー画面を見ながらブログを書く方法についてです。

使用しているテキストエディタ

秀丸エディタ（シェアウェア：４，０００円（税別））

マクロによるプレビュー表示

HmHtmlPreview v1.36 【HTMLのライブビュー】というマクロを実行させることによりプレビュー表示させます。

導入方法

1. HmHtmlPreview v1.36 【HTMLのライブビュー】のページにアクセスし、マクロをダウンロードする。
2. zipファイルを適当なディレクトリに解凍する。
3. 秀丸エディタのメニュー「マクロ(M)」から「マクロ登録(E)」を開く。
4. タイトルに任意の名前をつけ、ファイル名は2.にて解凍したファイル（HmHtmlPreview.mac）をフルパスで指定する。
5. メニューの「マクロ(M)」に4.にて登録したタイトルが表示されるのでクリックするとプレビュー表示される。

使用方法

マクロを実行すると下記画像のような画面が出てきます。

あとは常時更新されるので、プレビュー画面を見ながらHTMLコードを織り交ぜながら記事を作成していくだけです。

使用した感想

プレビュー画面で使用しているレンダリングエンジンはInternetExplorerでほかのブラウザのものに変更することができないのが残念ですが、プレビューがリアルタイムで更新されるのは良いと思いました。


ブログ記事作成に秀丸エディタを使用している方は、参考にしていただけたら幸いです。