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