Como preparar conteúdo HTML para o Immersive Reader
Este artigo mostra como estruturar seu HTML e recuperar o conteúdo, para que seu aplicativo Immersive Reader possa usá-lo.
Preparar o conteúdo HTML
Coloque o conteúdo que você deseja renderizar no Leitor Imersivo dentro de um elemento de contêiner. Certifique-se de que o elemento container tenha um arquivo id. Para saber mais sobre como o Immersive Reader fornece suporte para elementos HTML básicos, consulte a referência do SDK.
<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>
Obter o conteúdo HTML em JavaScript
Use o id do elemento container para obter o conteúdo HTML em seu código JavaScript.
const htmlContent = document.getElementById('immersive-reader-content').innerHTML;
Inicie o Leitor Imersivo com o seu conteúdo HTML
Ao chamar ImmersiveReader.launchAsync, defina a propriedade do mimeType bloco como text/html para habilitar a renderização HTML.
const data = {
chunks: [{
content: htmlContent,
mimeType: 'text/html'
}]
};
ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);