Förbereda HTML-innehåll för Avancerad läsare

  • Artikel

Den här artikeln visar hur du strukturerar HTML-koden och hämtar innehållet så att ditt Avancerad läsare program kan använda det.

Förbereda HTML-innehållet

Placera innehållet som du vill återge i Avancerad läsare inuti ett containerelement. Kontrollera att containerelementet har ett unikt id. Mer information om hur Avancerad läsare ger stöd för grundläggande HTML-element finns i SDK-referensen.

<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>

Hämta HTML-innehållet i JavaScript

id Använd containerelementet för att hämta HTML-innehållet i JavaScript-koden.

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

Starta Avancerad läsare med HTML-innehållet

När du anropar ImmersiveReader.launchAsyncanger du segmentegenskapen så att text/html HTML-återgivning aktiverasmimeType.

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

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

Gå vidare

Utforska Avancerad läsare SDK-referensen