秀丸エディタ HtmlPreview でリアルタイム表示 (Webプレビュー)

商品リンクをクリックし通販サイトへ飛ぶ物は 「 広告 」のリンクです。
記事の執筆に AI な類は使用しておりません。

はじめに

ブログやホームページをエディタで書いていて
書いている内容を素早く確認したい、
という事はありませんか。

秀丸エディタにはそういう機能がありとても便利です。

【 目次へ戻る 】

ちなみに秀丸はシェアウェアです

以下の設定で実現できる機能は無料ですが
本体の 秀丸エディタ は有料 (シェアウェア) です。

お金を払うのにはやぶさかではないのだけれども
振り込みや送金が面倒だから嫌い、って方は

Amazon にてお支払いができます。
秀丸スーパーライセンスパック [ダウンロード]

【 目次へ戻る 】

hm.NET.dll を入手

まずは以下のサイトにて hm.NET.dll を入手します。
秀丸マクロ.net

入手したら解凍して 秀丸の実行フォルダにコピーします。

※ちなみにページに ブロック解除 をして下さい、とありましたが
 自分の環境ではしなくても問題ありませんでした。
 問題が発生したら実行して下さい。

次に同じページで
Microsoft VC++ 再頒布可能パッケージ
Visual Studio 2015 C++ ランタイムをダウンロードしてインストール。

昔にほかのアプリで上の奴をインストールしたかも?
という場合は次で入れる HmHtmlPreview を実行してみて動作しない場合は
これが入っていません。

【 目次へ戻る 】

HmHtmlPreview を入手

次にここのページで HmHtmlPreview を入手します。

解凍して秀丸のマクロの入っているフォルダへすべてコピーします。
※マクロの入っているフォルダ以外でも構いません、
 設定時にコピーしたファイルを選択するだけですので

【 目次へ戻る 】

HmHtmlPreviewFileMode.mac をマクロで実行

秀丸エディタを開いて
マクロ → マクロ登録 を選択します。

マクロ 1~10 が表示されていると思うので好きな番号の箇所の
ファイル名の所のこの記号が真下に向いているもの > をクリックして
HmHtmlPreview.mac を選択するだけ。

※上でマクロのフォルダにコピーしなかった場合は
 すぐ右にある ... のボタンを押して
 HmHtmlPreview.mac を選択して下さい

ついでに左にあるタイトルに自分でこのマクロがわかるような名前を
つけておくと後で便利です。
例:Web表示

【 目次へ戻る 】

実行

以上で設定は終了です。

マクロの 1~10 に設定した場合は マクロ → HmHtmlPreview を選択すると
ウィンドウが出ます。

秀丸に入力するとそのウィンドウへ反映されます。

Hide_HtmlView_170813_001.png

画像の http:~.jpg 等で画像を指定した場合、
ネットへの接続の許可をすれば画像も表示可能です。

Hide_HtmlView_170813_002.png

【 目次へ戻る 】

おまけ ツールバーに登録

一々マクロに登録は面倒、ツールバーに登録したい
という場合は 上のマクロの登録を済ませてから

ツールバーを右クリック → ツールバーデザイン → 詳細タブ

右のコマンドの下から ( ファイル系とある場所 )
メニュー/マクロ系 を選択すると
マクロのボタンが並ぶので自分で設定したマクロのボタンを選択して
中央の 追加ボタン で登録できます。

とまあ、こんな感じで
Htmlのプレビュー画面を導入できました。

自分は Emeditor も使用した事があり
Em の方も同じ事ができるのですが
両方便利でありがたいですね。

開発して下さっている、作者様に感謝。
以上。

おすすめリンク

秀丸スーパーライセンスパック
Amazon / 楽天市場 / Yahoo! でお買い物をする。

関連リンク

秀丸エディタ
秀丸エディタ マクロ動作中の画面の更新を停止すれば高速に動作。
ブログを書くのに 2画面表示ができるエディタ (秀丸エディタ等) が便利。
秀丸 マクロで選択範囲をGoogle検索 任意のブラウザ、スペース含む(空白)もOK
ブログを書くのに秀丸エディタのアウトラインが便利
 クリックで見出しに移動し簡単編集

【設定】秀丸メール 振り分け機能で
 必要/不要(広告)メールを分別。

秀丸エディタ
 カーソル位置の縦線を表示すると地味に便利。

秀丸エディタ テキストを複数選択し、
 自動でクリップボードに送るマクロ

秀丸エディタ HmMarkDownPreview で
 リアルタイム表示 (Webプレビュー)

秀丸エディタ 一行の文字数 (桁数) を
 オーバーしないよう整形ラインを表示。

秀丸エディタ/EmEditor
 クリップボードの内容/選択文字で検索するマクロ

秀丸エディタ 自動保存して次回起動時に保存したファイルを自動で開く
秀丸エディタはブログを執筆するのにとても便利 特にマクロを使おう
秀丸エディタ 指定した文字のある行を全てマークするマクロ
Win10 JGREPで書きためたテキストを検索 検索結果行を素早く開く
秀丸エディタでブログを書き Firefox で内容を確認するマクロと設定 ( 同じ位置に表示 )
秀丸エディタで括弧内を範囲選択を実現するマクロとダブルクリックで呼び出す
EmEditor/秀丸エディタで検索結果をリスト表示し
 ダブルクリックで該当行へ飛ぶスクリプト EH_Search

この記事へのコメント

人気記事

プロフィール

・このブログの管理者:気ままさん
・性別:男
・年齢:40代
・性格:プログラミング的思考
    スキゾイド傾向
    去る者は追わず、来る者は拒まず
・趣味:読書、ブログ ( 情報の In / Out )
    プログラミング ( 素人 / 独学 )
    パソコンを少しでも快適に設定する
・一言:ご観覧ありがとうございます。
    自分で購入したり行ったという類の商品レビューを扱うサイトです。
    他のサイトより情報を集め、使ったように見せかけレビューをしているではありません。
    プログラミング的思考な性格のため商品のワクワク感をお伝えしたり
    購入を後押しする表現は使えませんが、逆に考えますと
    過度に評価を高めたり誤解させるような類の表現はいたしません。
    私が感じた情報を提供するのみであり、判断は皆様のご自由にがモットー。

    記事は全て私がキーボードで打っており、AIの類は一切使用しておりません。

プライバシーポリシー

詳しくはこちらをご覧ください。 [ プライバシーポリシー ]

当サイトでは、第三者配信による広告サービスを利用しています。このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 (氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。このプロセスの詳細やこのような情報が広告配信事業者に使用されないようにする方法については、ここを参照するか ブラウザのCookie機能をオフにしてアクセスしてください。

気ままの簡易レビュー 2 は amazon.co.jp を宣伝しリンクすることによって
サイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムであるAmazonアソシエイト・プログラムの参加者です。

メールフォームにて入力する情報は誰がどのお問い合わせかを確実に把握するために使用いたします。
それ以外に情報を使用することはありません。

当サイトで紹介されている商品やアプリは出来るだけ客観的に記載しておりますが人により感じ方は違いますので記事とは違って感じるはあり得ます、ご了承ください。

当サイトで紹介しているアプリ ( 私の自作も含みます ) の使用やアプリの設定類は自己責任にて行ってください。
アプリ自体の仕様変更などの類により不具合が生じる場合があります。
あくまで設定の見本でありご注意ください。

当サイトはリンクフリーです、悪意の用途でない限りはご自由に。

カウンター