Hướng dẫn Giới thiệu biên tập ebook bằng Calibre Editor

Thảo luận trong 'Hướng dẫn chung' bắt đầu bởi inno14, 15/9/17.

  1. inno14

    inno14 Lớp 7

    * Phần thêm 16/5/2018: Bộ sưu tập 20 mẫu symbol vintage dùng cho epub :D

    [​IMG]

    1. Cài đặt cho epub

    * Tải file nén đính kèm và xả nén vào đâu đó
    * Bật Calibre editbook, mở/tạo epub, và import các file đã giải nén vào.
    * Link các html có sẵn đến css vừa import
    [​IMG]
    [​IMG]

    2. Lựa chọn mẫu và sử dụng:

    * Click đúp vào Mau-symbol.html để xem mẫu
    [​IMG]

    * Click đúp vào vintage-symbol.css để chỉnh kích thước mẫu
    [​IMG]
    * Click đúp vào vintage-symbol.svg để chọn mẫu (yes/none)
    [​IMG]

    * Copy dòng code svg ở Mau-symbol.html rồi dùng find/replace để thay thế cho các đoạn phân cảnh bằng *** hay chèn vào dưới tiêu đề chap <h1>
    [​IMG]

    3. Trong trường hợp sử dụng cùng lúc nhiều mẫu
    * Tạo thêm svg mới
    [​IMG]
    * Đặt tên và ok
    [​IMG]
    * Ctrl+A copy toàn bộ code của svg cũ vào svg mới này và kích hoạt mẫu symbol thứ 2 muốn sử dụng, đổi tên svg ở Mau-symbol.html theo tên mới và copy dòng code đó để sử dụng
    [​IMG]
     

    Các file đính kèm:

    Lan Giao, Gassie, Caruri Tlkd and 3 others like this.
  2. Bọ Cạp

    Bọ Cạp Lớp 11

    Xin thêm inno14 chiêu cho ảnh vào chú thích.
     
  3. inno14

    inno14 Lớp 7

    Ặc, chiêu ấy mình chưa dùng, sách của anh nqk có đó, để tìm bung ra ngâm cứu rồi tut sau :D
     
    Bọ Cạp thích bài này.
  4. inno14

    inno14 Lớp 7

    Vẫn là cách làm chú thích bình thường đó BC, còn việc hiển thị được chú thích ở dạng popup không thì tùy app :D
    Mình tìm được cuốn này của anh nqk, BC mổ ra xem khắc biết hà :D
     

    Các file đính kèm:

    Bọ Cạp thích bài này.
  5. Bọ Cạp

    Bọ Cạp Lớp 11

    Mình thấy anh NQK có nói, nhưng chưa biết cách làm, inno học xong truyền thụ lại :D
     
  6. inno14

    inno14 Lớp 7

    1. Mỗi ảnh minh họa cho vào một html riêng, img kẹp trong thẻ <p> có gắn class để định dạng và id để liên kết
    ebook-edit_2018-05-16_15-39-22.png

    2. Định dạng lớp picnote
    ebook-edit_2018-05-16_15-42-13.png

    3. Tạo điểm chú thích trong html cấu trúc như ảnh, epubu0003atype="noteref" là để Lithium hiển thị popup do đó không cần thêm id cho thẻ <p>, nhưng các app khác sẽ không hiểu popup nên nếu cẩn thận BC cho thêm cái id để link ngược, lúc này phải gắn thêm thẻ <a> trỏ tới id này ở html chứa ảnh tương ứng.
    ebook-edit_2018-05-16_15-40-35.png
     
    hoahong_honghoa and Bọ Cạp like this.
  7. NQK

    NQK Lớp 10

    1) epub:type="noteref" là khai báo cho ứng dụng biết cái link đó là chú thích đấy, không phải dạng thường đâu. Cái nào nó hiểu thì nó gọi "đích" lên bằng một cái khung riêng. Thích lắm.

    2) Nhưng nếu nó không hiểu thì sao? Thì nó sẽ là link thông thường. Phần đích sẽ hiện lên đè chỗ đang đọc. Thế nên phải tách các ảnh ra thành các file lẻ, để không bị 'nẫn nộn' và xấu xí. (Ví dụ như khi chuyển sang azw3 chẳng hạn - popup footnote của bọn này không hỗ trợ ảnh). Bấm nút back để tiếp tục đọc.

    Đó là ý tưởng chính của cách bố trí thế kia.
     
    inno14 and Bọ Cạp like this.
  8. Gassie

    Gassie Sinh viên năm I

    @inno14 ơi! Khi làm epub có chèn vintage-symbol xong mình convert sang azw hay mobi thì bị báo lỗi:
    AttributeError: 'Item' object has no attribute 'xpath'

    Thử xóa phần vintage-symbol đi thì convert bình thường. Không biết @inno14 có bị giống vậy không?
     
  9. inno14

    inno14 Lớp 7

    Mình chưa thử convert, chỉ làm trực tiếp thôi, hình như khi convert calibre đưa ảnh về jpeg hết thì phải, có thể lỗi phát sinh ngay chỗ này, Gass làm trực tiếp azw thử xem có báo lỗi ko?
     
  10. Gassie

    Gassie Sinh viên năm I

    Sau một hồi thì phát hiện nó bị đụng gì đó ở trang jacket.

    inno nhớ cái mẫu jacket, có phần:
    <style>
    body {
    font-family: serif;
    }
    .
    .
    .
    </style>

    Nếu như xóa cái body đó đi thì nó lại OK. Cũng chả rõ tại sao.
     
    inno14 thích bài này.
  11. hungbc1010

    hungbc1010 Lớp 4

    @inno14 : Có cách nào làm cho ebook hiển thị nhiều hơn 2 cột được không bạn? Một cách là theo kiểu song ngữ như file ngụ ngôn bên trên; một cách là của cùng một ngôn ngữ, liên tục.
     
  12. inno14

    inno14 Lớp 7

    Rất nhiều cách, bạn thử cái nào phù hợp thì dùng nhé,
    * Text liên tục mình có thể dùng column-count, nội dung trên 1 html sẽ hiển thị liên tục từ cột 1 đến cột n. Dùng cho epub thì column-count phải thêm tiền tố webkit: (-webkit-column-count: 3;)
    Link chi tiết: Vui lòng đăng nhập hoặc đăng ký để xem link
    * Chia cột đối ứng:
    - Dùng Float: như đã giới thiệu ở trên
    - Dùng Flex: Vui lòng đăng nhập hoặc đăng ký để xem link
    - Dùng Grid: Vui lòng đăng nhập hoặc đăng ký để xem link
     
    hungbc1010 thích bài này.
  13. hungbc1010

    hungbc1010 Lớp 4

    Ngay từ bước đầu, mình đã gặp vấn đề:
    Mình làm như trên thì kết quả là: khóa </i> và </b> nó không nằm cuối dòng mà nằm xuống đầu hàng dưới hết, ví dụ:
    <i>Bấm tổ hợp Ctrl+h để vào Find and Repalce
    </i><i>Tại ô Find các bạn để trống và bấm tổ hợp phím Ctrl+i
    </i>


    hoặc chỉ khóa ở cuối đoạn thôi, ví dụ:
    <i>Bấm tổ hợp Ctrl+h để vào Find and Repalce
    Tại ô Find các bạn để trống và bấm tổ hợp phím Ctrl+i</i>


    Vấn đề nó nằm ở đâu vậy bạn?
     
  14. inno14

    inno14 Lớp 7

    Vấn đề nằm ở chỗ ^p hoặc ^l cũng chứa định dạng, bạn chỉ cần xóa định dạng cho ^p trong find and replace là sẽ không bị nữa :) (tìm ^p thay bằng ^p no italic, no bold)
     
  15. hungbc1010

    hungbc1010 Lớp 4

    Vẫn không được bạn ơi! Khóa </i> nó vẫn nằm ở đầu dòng sau. :(
     
  16. inno14

    inno14 Lớp 7

    Bình thường mà bạn. :)
    WINWORD_2018-06-04_14-19-48.png WINWORD_2018-06-04_14-20-05.png WINWORD_2018-06-04_14-20-33.png WINWORD_2018-06-04_14-20-46.png
     
  17. inno14

    inno14 Lớp 7

    @hungbc1010 bạn nên chú ý là text của mình đã có ^p chưa nhé, mình đoán text của bạn copy từ forum nên chưa có ^p đâu, chắc toàn là ^l, bạn nên kiểm tra lại, nếu chưa có ^p thì bạn làm lệnh thay ^l thành ^p nhé :D
     
  18. hungbc1010

    hungbc1010 Lớp 4

    Mình làm thử từ file văn bản trong công việc của mình, gõ từ A đến Z, không copy từ chỗ khác, nên hoàn toàn không có ^l. Nhưng mình đã tìm ra vấn đề: Đó là khi thay thế ^p mình không chú ý "Font: Not Italic" chỗ Replace. Mình cứ tưởng "not italic, not bold" là "Không có định dạng nào cả" :p
     

    Các file đính kèm:

  19. inno14

    inno14 Lớp 7

    Hihi, No formatting ở Replace phải hiểu là giữ nguyên định dạng như ở Find á :D
     
    hungbc1010 thích bài này.
  20. hungbc1010

    hungbc1010 Lớp 4

    Vấn đề thứ hai: Với máy tính ở nhà, khi tạo file mới, mình chọn tên file, nơi lưu xong thì nó báo "Error: Unhandled exception" (nhưng máy công ty thì bình thường). Thế là mình copy một file có sẵn, rồi bỏ hết ruột ra và hiệu đính. :)
     

Chia sẻ trang này