2014年12月27日土曜日

StackEditからBloggerに投稿したら画像とソースコード部分が本文領域からはみでた

StackEditからBloggerに投稿したら画像とソースコード部分が本文領域からはみでた
枠の幅

Formatをtemplateにして、投稿したら枠の部分が画面右のプロフィールのところも突き抜けておりました。

enter image description here

この解決方法をググってみました。

  1. FormatをTemplateして投稿
  2. FormatをHTMLにして投稿
  3. 1回目に投稿したものを削除

参考
StackEditを使ってMarkdown記法の投稿を書いてみた

でもこれだと面倒なので、FormatをTemplate、HTMLそれぞれでExportし、テキストエディタでdiffをとって、確認しました。

その結果、Publishする際に以下のようにCustom templateにして以下のように修正することで一発で画像もコードも本文の枠内に入りました。 めでたし。めでたし
enter image description here

[修正前]

<body><div class="container"><%= documentHTML %></div></body>

[修正後]

<body><%= documentHTML %></body>

0 件のコメント :

コメントを投稿