Share via

Como preparar conteúdo HTML para a Leitura Avançada

  • Artigo

Este artigo mostra como estruturar o HTML e recuperar o conteúdo, para que o aplicativo Leitura Avançada possa usá-lo.

Preparar o conteúdo de HTML

Coloque o conteúdo que você quer renderizar na Leitura Avançada dentro de um contêiner. O contêiner precisa ter uma id exclusiva. Para saber mais sobre como a Leitura Avançada dá suporte a 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>

Colocar o conteúdo de HTML em JavaScript

Use a id do contêiner para colocar o conteúdo de HTML em código JavaScript.

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

Iniciar a Leitura Avançada com conteúdo de HTML

Ao chamar ImmersiveReader.launchAsync, defina a propriedade mimeType da parte como text/html para habilitar o processamento de HTML.

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

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

Próxima etapa

Explore a referência do SDK de Leitura Avançada