Share via

HTML-tartalom előkészítése Modern olvasó

  • Cikk

Ez a cikk bemutatja, hogyan strukturálhatja a HTML-t, és hogyan kérdezheti le a tartalmat, hogy a Modern olvasó alkalmazás használni tudja.

A HTML-tartalom előkészítése

Helyezze a megjeleníteni kívánt tartalmat a tárolóelem Modern olvasó belülre. Győződjön meg arról, hogy a tárolóelem egyedi id. Ha többet szeretne megtudni arról, hogy a Modern olvasó hogyan támogatja az alapvető HTML-elemeket, tekintse meg az SDK-referenciát.

<div id='immersive-reader-content'>
    <b>Bold</b>
    <i>Italic</i>
    <u>Underline</u>
    <strike>Strikethrough</strike>
    <code>Code</code>
    <sup>Superscript</sup>
    <sub>Subscript</sub>
    <ul><li>Unordered lists</li></ul>
    <ol><li>Ordered lists</li></ol>
</div>

HTML-tartalom lekérése JavaScriptben

id A tárolóelem használatával kérje le a HTML-tartalmat a JavaScript-kódban.

const htmlContent = document.getElementById('immersive-reader-content').innerHTML;

Indítsa el a Modern olvasó a HTML-tartalommal

Híváskor ImmersiveReader.launchAsyncállítsa be az adattömb tulajdonságát mimeType a text/html HTML-megjelenítés engedélyezésére.

const data = {
    chunks: [{
        content: htmlContent,
        mimeType: 'text/html'
    }]
};

ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);

Következő lépés

Az Modern olvasó SDK-referencia megismerése