Delen via


HTML-inhoud voorbereiden voor Insluitende lezer

In dit artikel leest u hoe u uw HTML structureert en de inhoud ophaalt, zodat uw Insluitende lezer toepassing deze kan gebruiken.

De HTML-inhoud voorbereiden

Plaats de inhoud die u wilt weergeven in de Insluitende lezer in een containerelement. Zorg ervoor dat het containerelement een uniek idelement heeft. Zie de SDK-verwijzing voor meer informatie over hoe de Insluitende lezer ondersteuning biedt voor basis-HTML-elementen.

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

De HTML-inhoud ophalen in JavaScript

Gebruik het id containerelement om de HTML-inhoud in uw JavaScript-code op te halen.

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

Start de Insluitende lezer met uw HTML-inhoud

Bij het aanroepen ImmersiveReader.launchAsyncstelt u de eigenschap van mimeType het segment in om text/html rendering-HTML in te schakelen.

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

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

Volgende stap