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

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



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



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

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


* Click đúp vào vintage-symbol.css để chỉnh kích thước mẫu

* Click đúp vào vintage-symbol.svg để chọn mẫu (yes/none)


* 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>


3. Trong trường hợp sử dụng cùng lúc nhiều mẫu
* Tạo thêm svg mới

* Đặt tên và ok

* 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

 

Ặ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

 

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
Mình tìm được cuốn này của anh nqk, BC mổ ra xem khắc biết hà

 

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


2. Định dạng lớp picnote


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.

 

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 ơ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?

 

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?

 

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 : 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.

 

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

 

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?

 

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)

 

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

 

Bình thường mà bạn.

 

@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é

 

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ả"

 

Hihi, No formatting ở Replace phải hiểu là giữ nguyên định dạng như ở Find á

 

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.