epub 文件,格式:直排與橫排,左翻頁與右翻頁 的轉換

在處理 epub 文件時,不免會遇到文件編排是以「直排」、「左翻頁」的情形。
但目前整個時代趨勢,且以我個人習慣而言,已轉換成「橫排」、「右翻頁」。

那該如何作轉換設定呢?
其實只要更改 epub 文件中的控制文件排版格式的 「css」與「opf」中相關設定即可。

  1. 「直排」與「橫排」的轉換
  2. 在 CSS 中,透過設定 writing-mode: 屬性,可以控制 文字直排,且 向左或向右排。

    • writing-mode:vertical-lr;
    • 文字就會變成「直排」,同時「由左向右排」。

    • writing-mode:vertical-rl;
    • 文字就會變成「直排」,同時「由右向左排」。

    註:
    text-orientation:upright; 可讓英文字轉向變直排。

  3. 「左翻頁」與「右翻頁」的轉換
  4. 先找到 opf 副檔名的檔案,再搜尋檔案裡面的「toc=″ncx″ 」。

    • epub 預設是「橫排」,所以是「右翻」
    • 所以設定是:
      <spine toc=″ncx″>

      <spine page-map=″_page_map_″ toc=″ncx″>

    • 若是要改成「左翻」
    • 設定就需要改成:
      <spine page-progression-direction=″rtl″ toc=″ncx″>

      <spine page-map=″_page_map_″ page-progression-direction=″rtl″ toc=″ncx″>

參考資源

  1. 將中文電子書轉成直排閱讀 epub、kindle、kobo,https://digit.make9.tw/3c-software/recommended/chinese-epub-ebook-turn-vertical-rtl/#_CSS
  2. 透過CSS的writing-mode屬性,就可將文字變成直排甚至還可設定左排或右排,https://www.minwt.com/webdesign-dev/css/23738.html
  3. Day11:小事之 HTML dir Attribute 與 CSS writing-mode 上篇 ,https://ithelp.ithome.com.tw/articles/10194878

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

*