Come preparare il contenuto HTML per Strumento di lettura immersiva

  • Articolo

Questo articolo illustra come strutturare il codice HTML e recuperare il contenuto, in modo che possa essere usato da Strumento di lettura immersiva.

Preparare il contenuto HTML

Posizionare il contenuto di cui si vuole eseguire il rendering nella Strumento di lettura immersiva all'interno di un elemento contenitore. Assicurarsi che l'elemento contenitore abbia un oggetto univoco id. Il Strumento di lettura immersiva fornisce supporto per gli elementi HTML di base, vedere le informazioni di riferimento per altre informazioni.

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

Ottenere il contenuto HTML in JavaScript

Usare l'oggetto id dell'elemento contenitore per ottenere il contenuto HTML nel codice JavaScript.

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

Avviare il Strumento di lettura immersiva con il contenuto HTML

Quando si chiama ImmersiveReader.launchAsync, impostare la proprietà del mimeType blocco su per text/html abilitare il rendering HTML.

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

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

Passaggi successivi