1. Termékek
  2.   eBook
  3.   JavaScript
  4.   Epub.js
 
  

Ingyenes JavaScript-könyvtár az EPUB-dokumentumok rendereléséhez

Nyílt forráskódú JavaScript-könyvtár az EPUB-dokumentumok eléréséhez és megjelenítéséhez a böngészőben és más eszközökön.

Egyszerűen használható könyvtárat keres, amely képes EPUB-dokumentumokat megjeleníteni a böngészőn belül, valamint sok más eszközön. Az Epub.js egy nagyon hatékony, nyílt forráskódú JavaScript-könyvtár, amely lehetővé teszi a programozók és alkalmazások számára, hogy könnyedén hozzáférjenek és rendereljenek EPUB-dokumentumokat a böngészőben. Az EPUB egy nagyon népszerű e-könyv-fájlformátum, amelyet széles körben használnak a kiadók és a fogyasztók. Számos e-olvasó és szoftveralkalmazás támogatja az internet világában, és számos más formátumra konvertálható (például PDF, Mobi és iBooks).

Az Epub.js nagyon hasznos az e-könyvek kezeléséhez, mivel interfészt biztosít az olyan általános e-könyv-funkciókhoz, mint a renderelés, a perzisztencia és a lapozás stb. Számos fontos renderelési módszer is része ennek, például az alapértelmezett módszer egyszerre csak egy szakaszt jelenít meg. A folyamatos kezelővel annyi szakasz jeleníthető meg, amennyi a képernyő kitöltéséhez szükséges, és a következő szakaszt előtöltheti a képernyőn kívül. Az áramlás felülbírálási szakasza az OPF beállításain alapul, alapértelmezés szerint lapozva.

A könyvtár számos fontos funkciót tartalmaz az EPUB-dokumentumokkal való munkavégzéshez, például keresést a teljes EPUB-dokumentumban, keresést az aktuális fejezetben, lapozáshoz csúsztatást, helyek generálását és mentését, lapozást nyílbillentyűkkel és még sok mást.

Previous Next

Az Epub.js használatának megkezdése

Az Epub.js az npm címen érhető el. Először telepítenie kell a node.js-t, majd telepítheti az Epub.js-t a gépére. Kérjük, használja a következő parancsot a zökkenőmentes telepítéshez.

Telepítse az Epub.js-t npm-en keresztül

 npm install

Kézzel is telepítheti; töltse le a legújabb kiadású fájlokat közvetlenül a GitHub tárhelyről.

Az EPUB-dokumentumok megjelenítése különféle módokon JavaScripten keresztül

A nyílt forráskódú Epub.js könyvtár lehetővé teszi a szoftverprogramozók számára, hogy különféle módokon jelenítsenek meg EPUB-dokumentumokat saját JavaScript-alkalmazásaikon belül. A könyvtár két különböző renderelési módszert kínál, köztük az alapértelmezett és a folyamatos. Az alapértelmezett megjelenítési módszer egyszerre csak egy szakasz megjelenítésére használható. Másrészt a folyamatos mód több szakasz megjelenítésére is használható, a képernyő kitöltésének és a következő szakasz képernyőn kívüli előtöltésének igénye szerint.

Rendereljen EPUB-dokumentumokat különféle módokon a Java-könyvtárban


// Default Rendering
book.renderTo("area", { method: "default", width: "100%", height: "100%" });
// Continuous Rendering
book.renderTo("area", { method: "continuous", width: "100%", height: "100%" });
//Flow Overrides Paginated
book.renderTo("area", { flow: "paginated", width: "900", height: "600" });
//Scrolled: 
book.renderTo("area", { flow: "scrolled-doc" });

Hookok alkalmazása az EPUB-dokumentumokban a JavaScript-alkalmazásokban

Az Epub.js könyvtár egy, a könyv tartalmával való interakcióhoz és a könyv tartalmának kezeléséhez hasonló bővítményekhez hasonló, nagyon hasznos funkciót tartalmaz. A könyvtár olyan eseményeket valósít meg, amelyekbe könnyen bele lehet kapcsolódni. Például a felhasználók közvetlenül tölthetnek be videókat a YouTube-linkekről, mielőtt kommentárt alkalmaznának vagy egy fejezet tartalmát megjelenítenék. A Hook-nak szüksége volt egy eseményre a regisztrációhoz, és egy ígéretet kellett küldenie, hogy blokkolja, amíg be nem fejeződik.

Hogyan töltsünk be videókat YouTube-linkekről Java API-n keresztül

  rendition.hooks.content.register(function(contents, view) {
    var elements = contents.document.querySelectorAll('[video]');
    var items = Array.prototype.slice.call(elements);
    items.forEach(function(item){
      // do something with the video item
    });
})

EPUB-dokumentumok manipulálása JavaScripten keresztül

A nyílt forráskódú Epub.js teljes funkcionalitást biztosít az új EPUB-dokumentumok létrehozásához és néhány soros JavaScript-kóddal történő manipulálásához. Az .epub kiterjesztésű fájl csak egy zip-fájl, amely egy csomó HTML-kódot, képeket és metaadatokat tartalmaz az Ön e-könyvéről. A könyvtár lehetővé teszi egyéni CSS és betűtípusok megadását a dokumentum stílusához. Számos fontos funkciót biztosít a teljes könyvben való kereséshez vagy az aktuális fejezetben való kereséshez, lapozáshoz csúsztatással, helyek generálásával és mentésével stb.

Csúsztassa az ujját a lapozáshoz az EPUB-dokumentumokban a Java API használatával

 rendition.on("displayed", event => {
    let start = null;
    let end = null;
    const el = event.document.documentElement;
    el.addEventListener('touchstart', event => {
        start = event.changedTouches[0];
    });
    el.addEventListener('touchend', event => {
        end = event.changedTouches[0];
        let hr = (end.screenX - start.screenX) / el.getBoundingClientRect().width;
        let vr = (end.screenY - start.screenY) / el.getBoundingClientRect().height;
        if (hr > vr && hr > 0.25) return rendition.prev();
        if (hr < vr && hr < -0.25) return rendition.next();
        if (vr > hr && vr > 0.25) return;
        if (vr < hr && vr < -0.25) return;
    });
});
 Magyar