MarsEditのpreview

blogの編集にはMarsEditを使っている。
使い安いが、唯一残念だったのがpreview。blogと同じレイアウトならばと思っていた。

ところが、簡単にblogのレイアウトを適応出来るようだ。

preview windowの下にあるEdit Templeteボタンを押すと(或は【Blog→Edit Preview templete…】でもオケー)、Previewの為のhtmlが編集出来る。

此処にBlogのレイアウトhtmlを書き込む訳だ。

と言っても、いきなりhtmlを書くのもめんどいのでちょいと細工。

まずは、種と成るBlog記事をMarsEditで作成。

図の内容の記事を作成し、Blogにアップ。

Safariの設定。
Safari→環境設定… で詳細パネルの「メニューバーに"開発"メニューを表示」にチェックを入れておく。

htmlのcopy
先ほどののupされた記事(アーカイブではない)をSafariで表示。
【開発→ページのソースを表示】でhtmlをwindow下に表示。htmlを丸ごとコピー。


Preview Templeteウィンドウの内容と入れ替え
単純にペーストすればオケー！

このままでは、widget等も同時表示され、時間がかかる。
これを嫌うのであれば、その部分を削除する。

結局残ったのは次のlist