Javascript Bibliothek

Um die Javascript Bibliothek zu nutzen, füge folgenden Skript-Tag in dein Dokument ein

<script src="https://cdn.jsdelivr.net/npm/@awesomebible/verse-js@1.0.0/index.js"></script>

oder installiere das NPM-Paket:

npmYarnpnpm

npm install @awesomebible/verse-js

yarn add @awesomebible/verse-js

pnpm install @awesomebible/verse-js

Jetzt musst du die Funktion nur noch importieren:

import { VerseReplace } from '@awesomebible/verse-js';

Füge da wo das Versbild erscheinen soll, ein Image-Tag mit der Klasse „awb-verse“ ein.

<img class="awb-verse">

Ganz unten im Dokument muss die verseReplace() Funktion aufgerufen werden:

<script defer>
    verseReplace("https://verse.awesomebible.de/img/");
</script>

Anpassen des Bildpfades

Der Server von dem die Bilder geladen werden, kann durch die versePath Variable angepasst werden. Der Pfad muss das Protokoll (https://), die Domain und den Pfad zum Bilderverzeichnis enthalten.

---

Last update: March 18, 2023