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:

npm i @awesomebible/verse-js

pnpm add @awesomebible/verse-js

yarn add @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>