Come preparare il contenuto HTML per lo strumento di lettura immersiva
Questo articolo illustra come strutturare il codice HTML e recuperare il contenuto, in modo che possa essere usato dallo strumento di lettura immersiva.
Preparare il contenuto HTML
Posizionare il contenuto di cui si vuole eseguire il rendering nello strumento di lettura immersiva all'interno di un elemento contenitore. Assicurarsi che l'elemento contenitore abbia un id univoco. Per maggiori informazioni sul modo in cui lo strumento di lettura immersiva fornisce il supporto per gli elementi HTML di base, vedere il riferimento 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>
Ottenere il contenuto HTML in JavaScript
Usare il id dell'elemento contenitore per ottenere il contenuto HTML nel codice JavaScript.
const htmlContent = document.getElementById('immersive-reader-content').innerHTML;
Avviare lo strumento di lettura immersiva con contenuto HTML
Quando si chiama ImmersiveReader.launchAsync, impostare la proprietà mimeType del blocco su text/html per abilitare il rendering HTML.
const data = {
chunks: [{
content: htmlContent,
mimeType: 'text/html'
}]
};
ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);