Anh cũng làm xong epub rồi mới làm azw3 từ epub, mobi là cuối cùng. Nếu làm mobi trước rồi mới làm azw3 thì dễ xảy trường hợp tạo ra file azw3 là "thường" chẳng có hiệu ứng gì đặc biệt và nó không hơn gì mobi.
Trong file chú thích chèn thêm dòng này trước mỗi chú thích (chiêu này là của @quocsan) là sẽ dễ đọc hơn hẳn: <div class="pagebreak"></div> css tương ứng với nó: .pagebreak { page-break-after: always; margin: 0; display: block; } Lệnh: Find: <p class="note" id="d(\d+)"> <a href= Replace: <div class="pagebreak"></div> <p class="note" id="d\1"> <a href= Chế độ Regex, Replace All. Khi thay xong lại xóa đi 1 dòng <div class="pagebreak"></div> trước chú thích thứ nhất nhé.
Tại sao phải chèn thêm thẻ div khi anh có thể ghi thêm dòng thông tin đó vào trong class note? Trừ phi anh có ý định riêng cho class này. Mà nếu anh muốn chèn thêm thì cũng không cần đến regex cho mất công gõ, anh tìm <p class="note" là được rồi, bỏ phần sau, tìm làm gì. @inno14 , popup footnote (chú thích nảy tại chỗ) không phải là một tính năng chuẩn trong epub 2. Thằng Pocketbook lại rất chặt về chuẩn epub2 (epub3 không chơi) nên không có cũng hợp lý thôi. Pagebreak cho nó tách ra là đơn giản. Trước mình dùng thẻ <aside> thằng này giờ cũng không nhận, bực cả mình. .
Xấu hay đẹp là tùy mỗi người cảm nhận thôi, thật khó nói. Tuy nhiên để thay đổi, bạn thử xem "Vui lòng đăng nhập hoặc đăng ký để xem link" có hợp với bạn không. Nó vẫn popup ok với FBreader, Moon Reader v.v.
Ừm, epub3 thì có thể viết popup-note trong html luôn (ngôn ngữ html5), không cần css... nhưng epub3 chưa phổ biến, theo tìm hiểu thì mới có mỗi ibook của apple là hỗ trợ chuẩn epub3.
Nó sẽ hiển thị mỗi chú thích thành 1 trang, thay vì bấm chỉ số chú thích ở nội dung ra một rừng chú thích thì chỉ ra đúng 1 chú thích mà mình muốn đọc. Xấu đẹp với mỏi mắt kiếm cái nào hơn?
Vâng, em làm thế để đỡ loạn. Em trí nhớ kém nên bấm xong chả biết mình bấm vào chú thích nào mà đọc đâu, nên nếu để cả danh sách dài thì bó tay. May thằng Pocket (giống Moon) có nút back ở dưới cho trở lại, cũng chả cần bấm [số] ở trên, mỏi tay. Đấy, em đã ngu lại còn yếu và lười. Chịu thôi. Em đã từng thử cho cái note đấy nó tụt xuống dưới đáy, hiển thị vừa tầm mắt với Pocketbook, nhưng có điều khi nó popup ở một số chương trình khác (Lithium) thì nó lại không ổn, nên thôi, không chơi kiểu đó. Biết đâu sau em lại dùng Lithium thì sao.
Có cách nào viết code để hiển thị note như Alreader không @NQK, nó gặp thẻ <a> là hiển thị nội dung liên kết bên dưới hết, khỏi bấm bấm chọt chọt .
Cái đó là do ứng dụng nó xử lý bác ạ, code chả ăn thua đâu, bác cứ "thuần chủng" cho phù hợp với đa số phần mềm. Alreader nó bỏ nhiều css lắm, Moon cũng bỏ mà FBreader cũng bỏ. Pocket, Lithium, Gitden... không bỏ mấy.
Nói chung thì cần thiết kế code, css sao cho việc đọc (với phương tiện hiện có) là thuận tiện và dễ nhất, đẹp nhất nữa thì càng hay. Nếu phần mềm đọc mà hiển thị chú thích kiểu popup như Kindle đọc azw3 hay google play book đọc epub thì chẳng cần phải mất công ngắt chú thích như vậy. Hỏi cao thủ @NQK là có cách nào chỉ dùng css, không cần viết thêm 1 đoạn code mà vẫn ngắt được chú thích với những đoạn code mặc định không? Anh Tư già cả rồi nên cũng rất hay quên chèn đoạn đó (ăn cơm rồi mà tưởng chưa ăn).
Em không hiểu ý anh lắm. Tách chú thích thì anh đã làm như quocsan rồi, có điều em nghĩ anh chỉ cần ghi thêm dòng page-break-after: always vào ngay trong css dành cho note là ok. Không cần chỉnh ở html. Ngắt chú thích như thế là "đúng chuẩn epub2" đấy anh ạ. Các phần mềm có hỗ trợ - do không theo chuẩn - mỗi anh một phách, một kiểu. Thậm chí người ta còn khuyên là mỗi chú thích nằm riêng 1 file html (thằng azw3 là như thế, anh thử convert mà xem). Do đó, anh cứ làm như anh đang làm là ok rồi, phần mềm nào nó hỗ trợ thì tự khắc nó nảy thôi. ========= Trở lại với anh PocketBook đang hot, em thấy anh này khống chế cái "mẹ góa/con côi" hơi chặt. Nghĩa là nếu đoạn văn dài chỉ thò sang bên trang mới 1-2 dòng thì nó sẽ ngắt luôn thêm dòng nữa thành 3 dòng để đẩy sang. Nếu đoạn văn chỉ còn một dòng ở trang cũ mà cả phần còn lại ở trang mới thì nó cũng đẩy cả đoạn sang trang mới luôn. Điểm mạnh của cái này là đảm bảo tro các đoạn trông không bị cụt lủn. Điểm tệ của nó là làm cho một số trang đang đọc trông nó ngắn hơn các trang khác một cách đáng ngạc nhiên. Đó lại là một luận điểm về tính thẩm mỹ - tranh luận chả đi đến đâu, thế nên không tranh luận. Vấn đề là PocketBook không có lựa chọn cho người dùng để tắt cái đó. Hẳn họ có lý do của họ. Ai không thích bị kiểm soát thế thì ghi thêm dòng này vào css nhá orphans: 1; widows: 1;
Tức là không cần thêm đoạn <div class="pagebreak"></div> vào trước mỗi chú thích mà viết luôn vào css, vì file css là cố định: tôi thường để sẵn file css mẫu dạng txt ở máy tính, khi làm ebook thì chỉ việc copy vào. Nếu viết như được vào css mà không cần viết thêm 1 đoạn code vào file html thì sẽ giảm được một khâu trong việc làm ebook, cũng hạn chế được lỗi (đúng ra là không được như ý) luôn. P.S Vừa viết bài vừa làm việc nên chưa khảo sát kỹ comment của bạn trên file epub.
À, tôi đã hiểu vấn đề. Tôi thường để class của chú thích là "note", vậy chỉ cần viết thêm 1 dòng vào css của nó "page-break-after: always;" mà không cần chèn dòng <div class="pagebreak"></div> vào html nữa. Để cỡ chữ và định dạng chữ đồng nhất trong chú thích thì css của class "note" sẽ thiết lập y như <p> Quên, các paragraph khác của chú thích sẽ không để class, mà chỉ để <p>.
Nếu thêm pagebreak vào class trong file css thì sẽ có vấn đề: gặp chú thích cần ở paragraph mới, thì paragraph đó phải có class khác, nếu không sẽ bị … sang trang. ♪ZF²♪
Chỉ riêng ở chú thích mới có class "note" Giả sử đầu tiên đang là: <p>[1] Dòng thứ nhất</p> <p>Dòng thứ 2</p> <p>Dòng thứ 3</p> Sau khi chạy lệnh: Find: <p>[ Replace: <p class="note">[ sẽ thành: <p class="note">[1] Dòng thứ nhất</p> <p>Dòng thứ 2</p> <p>Dòng thứ 3</p> Đúng không nào? Vậy chỉ cần: .note { .................. .................. page-break-after: always; } là xong.
Bây giờ mới rảnh để xem kỹ ebook của bạn. Rất ngon, css rất gọn. Nhưng chắc là trong file endnotes tôi vẫn để các <p>...</p> <p>...</p> chứ không sửa </p> <p> thành <br/>, class "note" tôi sẽ lấy nguyên thông số của css của thẻ <p>, thêm 1 dòng "page-break-after: always;" nữa là hoành, nói chung bớt được khâu nào ở html thì tốt khâu đấy. Vừa lười vừa có bệnh hay quên mà.
