Chào các bác. Em muốn tạo table trong epub (sigil) mà chưa làm được. Nếu là mã html thì em thấy nó hiển thị ổn. Mã: <!DOCTYPE html> <html> <style> table{ width: 90%; margin-left: 5%; text-align: center; border:1px solid #96D4D4; border-collapse: collapse; } th,td,tr { font-style: normal; height: 3em; vertical-align: middle; padding: 5px; border: 1px solid #96D4D4; border-collapse: collapse; text-align: left; } .cao { height:10px; } .sieuto { font-size:300%; } .to { font-size:250%; } td.second { font-size:150%; /* width of the first and second columns */ } </style> <body> <h2>Set the first column to 70% of the table width</h2> <table> <tr> <th style="width:30%">Hán Việt</th> <th rowspan = 4 class="to"> <p> <ruby> 俊足 <rp>(</rp><rt>しゅんそく</rt><rp>)</rp> </ruby> </p> </th> </tr> <tr class="cao"> <td class="sieuto">母</th> </tr> <tr> <td>ON</th> </tr> <tr> <td>KUN</th> </tr> <tr> <td colspan="3">Cach nho</td> </tr> </table> </body> </html> Em tách phần style cho vào css và phần nội dung (table) cho vào body (text) nhưng toàn báo lỗi ạ. Các bác biết khắc phục chỉ em với ạ.
Em cho vô web convert html ra epub, rồi đọc epub được rồi ạ. Có vẻ như mấy cái 150% nó không cho, nó bắt đơn vị kiểu như là font-size : 3.4em
Bác dùng html ở trên build thử, rồi sửa lỗi như bác nói xem được không. Em thử mà không được, cực chẳng đã mới phải dùng phần mềm convert html ra epub. Hjc. Nó convert cũng ngon thiệt, nhưng code thì không dễ chịu tẹo nào.
Bác dùng .xhtml nên nó qui định về cấu trúc file (các code, các thẻ) khá là chặt chẽ hơn là .html nhiều. Nếu các code, các thẻ mà viết không chuẩn thì trong .xhtml sẽ không chạy (ví dụ của bác là một điển hình). html thì dễ tính hơn một chút, các code, các thẻ của bác nếu không chuẩn nó vẫn chạy nhé. Một số ví dụ: Các phần tử XHTML phải lồng nhau đúng cách: Ví dụ: <b><i>Bla bla bla</i></b> (đoạn này là in đậm và nghiêng) CHÚ Ý vào chữ màu. Viết như thế này là code chuẩn thì sẽ chạy được tất cả trên xhtml và html; Nếu bác viết: <b><i>Bla bla bla</b></i> (thẻ bị lồng vào nhau) thì html vẫn chạy, còn xhtml thì KHÔNG (sẽ báo lỗi) bác nhé. Các phần tử XHTML phải được đóng. Ví dụ: Chỉ có mở <b> mà không có đóng (</b>) /hoặc chỉ có đóng </b> mà không có mở <b>. <b><i>Bla bla bla</b> hoặc <b>Bla bla bla</i></b> (đoạn này thì html vẫn chạy, còn xhtml báo lỗi. Những lỗi này thường chúng ta vô tình xóa thẻ của nó. Vân vân và các thứ khác nữa... bác tìm đọc tài liệu về html và xhtml nhé. Quay lại ví dụ trên của bác: bác đang xài xhtml và khai báo trong xhtml bác bị thiếu. Bác khai <th rowspan = 4 class="to"> máy gợi ý sửa thành <th rowspan = "4" class="to">. TÓM LẠI: 1) Mặc dù xhtml có ưu điểm hơn về mặt bảo mật. Nhưng chúng ta sản xuất sách cũng không cần gì phải bảo mật --> nên xài html cho nó "dễ thở" 2) Nếu sửa epub bằng điện thoại thì html cũng dễ sửa hơn, không rắc rối về mặt thao tác như xhtml --> nên xài html cho thuận tiện. 3) xhtml qui định chặt chẽ hơn, nên lỗi vô tình chút xíu sẽ không chạy --> nên xài html cho đỡ gặp phải phiền hà. 4) Trong Calibre có biểu tượng hình BÔNG HOA bấm vào đó thì các vấn đề về lỗi code, lỗi thẻ cũng sẽ được giải quyết bớt --> nên xài html cũng chẳng sao (ở đây thì trên file xhtml khi bấm BÔNG HOA, Cali vẫn giải quyết luôn nhé bác, nên đỡ lo rồi). 5) Nên dùng Calibre Editor thay vì Sigil vì: 1. Calibre có cả cái thư viện bự tổ chảng để quản lý sách; 2. Calibre Editor cũng dễ xài và có nhiều công cụ tuốt code tự động, nên lỡ có vô tình lỗi chỗ nào đó thì lúc bấm bông hoa, Cali sẽ tự động thực hiện nhiệm vụ này. Trên đây là một số ý kiến, kinh nghiệm của "Người làm sách" nghiệp dư như em (chủ yếu là đã gặp phải trước đây) chia sẻ với mọi người. Nếu có gì không đúng mong các vị cao nhân, trưởng lão, tiền bối chỉ giáo dùm chứ đừng ném đá, tội nghiệp em nhé.
Bên Sigil em ít xài, không biết nó có giúp mình sửa lỗi lặt vặt tự động không, chứ bên Cali thì khỏe rồi. Bấm 1 phát nó tự nắn lại chuẩn code cho mình luôn
Sigil nó có tính năng tự nắn lại code, mà nếu đóng gói phức tạp chia nhiều file nhiều code rác thì nó nắn không được thông minh cho lắm, có lúc nó sửa lung tung rồi vẫn còn lỗi như thường. Nhưng mà tính năng báo lỗi tổng hợp của nó thì hay, nó liệt kê chi tiết lỗi chính xác ở dòng nào cột nào file nào có lỗi luôn. Dựa vào đó sửa là đẹp nhất.
Thế à bác? Bên Cali nó cũng báo kỹ lắm bác ạ. Và nó còn tự sửa cho mình nữa... Đó là lý do tại sao lúc mở một cuốn sách lên em lại tìm ra lỗi nhanh và tìm ra các file thừa nhanh vậy đó bác.
Vâng. Cái code phần mềm convert từ html ra thì đáp ứng được mà nhìn code không đẹp lắm. Em biên tập lại html này. Hiển thị đẹp. Mã: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html> <html> <style> table.chinh { width: 90%; margin-left: 5%; text-align: center; border:1px solid #96D4D4; border-collapse: collapse; } th,td,tr { height: 3em; vertical-align: middle; padding: 5px; border: 1px solid #96D4D4; border-collapse: collapse; text-align: left; } .cao { height:10px; } .sieuto { font-size:300%; } .to { font-size:250%; } td.second { font-size:150%; /* width of the first and second columns */ } span { color: blue; } /*Table 2*/ table.phu { width: 10%; margin-left: 5%; text-align: center; border:1px solid black; border-collapse: collapse; } table.phu td.cham {border-right: dotted;} table.phu tr.cham {border-top: dotted;} </style> <body> <h2>Bai 1</h2> <table class="chinh"> <tr> <th style="width:30%">Han Viet</th> <th rowspan = "4"> <p> <ruby class="to"> 俊足 <rp>(</rp><rt>しゅんそく</rt><rp>)</rp> </ruby><span>: nghia gi do o day</span> </p> </th> </tr> <tr class="cao"> <td class="sieuto">母</td> </tr> <tr> <td>KUN</td> </tr> <tr> <td>ON</td> </tr> <tr> <td colspan="3" style="font-style:italic;">Cach nho:</td> </tr> </table> <!-- O cach viet --> <br></br> <table class="phu"> <tr> <td class="cham"></td> <td></td> </tr> <tr class="cham"> <td class="cham"></td> <td></td> </tr> </table> </body> </html> Lần này em cũng convert html ra epub thì table mất đường viền bao. Còn em tự chuyển bằng tay mã trên vào sigil thì cũng mất đường bao. Các bác có thời gian xem giúp em với ạ. Em cảm ơn các bác nhiều ạ.
Đoạn code này thì editor báo lỗi như sau: Song vẫn hiển thị tốt, nếu dùng calibre editor như ảnh mình minh họa thì chỉ cần bấm nút hoa tulip như mũi tên đỏ đậm thì lỗi sẽ được sửa rất nhanh. Sau đó sẽ giống như hình dưới: Nhân tiện: dùng calibre chuyển đổi định dạng ebook là mục đích phụ thôi, dùng để quản lý số ebook đang có mới là mục đích chính. Và calibre không chỉ là phần mềm quản lý hay chuyển đổi, mà còn là phần mềm tạo và edit epub siêu mạnh, lại còn có thể đọc đa định dạng ebook nữa.
Đấy... bác gì ơi... cứ níu áo @tran ngoc anh là chắc nhất... có hình minh họa rõ ràng... đúng chuẩn giáo viên
Chà chà, em đút vô css là đứt. Đưa hết code vào html trong epub như các bác thì hiển thị ok. Cho vô máy đọc sách cũng tạm được. Còn cái code hôm qua chô vô máy đọc thì vỡ tùm lum. Chắc do mình chưa hiểu sâu về css của epub này. Hjc. Mà máy tính mỗi người đang hiển thị khác nhau hay sao ấy các bác nhỉ. Em thấy của em đút vô máy bị mất đường nét đứt nằm ngang.
Mình làm mẫu, di chuyển css vào file riêng cho bạn luôn đây. Lưu ý: cặp tag <style></style> bao lấy phần css trong file html sẽ không có tác dụng khi đem qua file css nên cần được xóa đi.
Em đội ơn bác nhiều. Vậy là ổn rồi. Em vừa cài caliber mà chưa biết cách dùng. Em cũng không thấy hoa tuy líp ở đâu. Em cứ hỏi mãi cũng thấy hơi ngại, em thấy forum mình hỗ trợ tuyệt vời quá. Forum có nên làm kênh youtube đưa ra những clip hướng dẫn sigil, caliber thì hay quá, trong tương lai kênh mà phát triển lại cũng có thể ra tiền ạ. Một lần nữa em chân thành cảm ơn, nhất định sẽ báo đáp diễn đàn mình trong tương lai.
Bạn chỉ mới ở giao diện chính của manager thôi, trình quản lý các ebook. Calibre có viewer riêng và một editor nữa. Bạn chọn như hình dưới sẽ mở ra editor.
Việc soạn tài liệu kiểu này đòi hỏi công sức rất lớn. Nên mình sẽ code để bắn dữ liệu tự động từ Excel ra code thôi vậy. Cảm ơn các bạn TVE đã nhiệt tình giúp đỡ. Vui lòng đăng nhập hoặc đăng ký để xem link
