†でおきしブログ†

ウナギ食べたいヽ(•̀ω•́ )ゝ✧

【kindle】【kdp】google Docs で出力したhtmlから mobi ファイルに変換すると kindle for iOSでは改ページ表示されなかった件の回避策

改ページされなかった現象手順

  1. google Docsで文書を作る。"挿入"メニューの改ページを使用。
  2. google Docsでhtml出力(zipで出てくる)
  3. Kindle Previewerにzipごと放り込む
  4. mobiファイル出力される
  5. Kindle for iOSで見てみる*1
  6. 改行されない…何故だぁぁああああ

*他のデバイスだと改行されるのに何故…

iOSでも改ページするには?

google Docsで出力されたhtmlのpage-break-beforeのスタイルに付随している、"display:none;"を削除します。

こんな感じ

   <hr style="page-break-before:always;display:none;">
     ↓
   <span style="page-break-before:always;">
   ※hrが表示されるのでspanタグに変更

結論

google Docsさんは改ページをhrタグを使ったコードで吐き出してくれるんですが、これがkindle for iOSで読み込むmobiファイルとの相性が悪かったもようです。


<追記:2013/03/14>
kindle for iOS版では改行の表示もおかしかったので、以下のように置換すると良いと思います。

○改行部分がclass"c0 c1"のpタグとなっている場合です。
 html出力する際にgoogle Documentはクラス名が変化するので注意!
  <p class="c0 c1"><span></span></p>
     ↓
  <br/>
   ※iOSでは改行表示されないので<br/>に置き換えを行います。


超ニッチなメモでした。
ではでは。




最新2013年調査Kindle自己出版?KDPの優しい手引き?

最新2013年調査Kindle自己出版?KDPの優しい手引き?


EPUB 3 電子書籍制作の教科書

EPUB 3 電子書籍制作の教科書


EPUB 3 スタンダード・デザインガイド

EPUB 3 スタンダード・デザインガイド

  • 作者: 境祐司,こもりまさあき,林拓也,秋田克彦
  • 出版社/メーカー: マイナビ
  • 発売日: 2012/01/24
  • メディア: 単行本(ソフトカバー)
  • 購入: 6人 クリック: 61回
  • この商品を含むブログ (2件) を見る

Kindle Paperwhite

Kindle Paperwhite

*1:Kindle Previewer バージョン2.8ではKindle for iOSも表示できるようになってました

広告を非表示にする