Cara mempersiapkan konten HTML untuk Immersive Reader
Artikel ini memperlihatkan kepada Anda cara menyusun HTML dan mengambil konten, sehingga aplikasi Pembaca Imersif Anda dapat menggunakannya.
Menyiapkan konten HTML
Tempatkan konten yang ingin dirender di Immersive Reader dalam elemen kontainer. Pastikan elemen kontainer memiliki id yang unik. Untuk mempelajari selengkapnya tentang bagaimana Pembaca Imersif menyediakan dukungan untuk elemen HTML dasar, lihat referensi 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>
Mendapatkan konten HTML di JavaScript
Gunakan id elemen kontainer untuk mendapatkan konten HTML dalam kode JavaScript Anda.
const htmlContent = document.getElementById('immersive-reader-content').innerHTML;
Meluncurkan Immersive Reader dengan konten HTML Anda
Saat memanggil ImmersiveReader.launchAsync, atur properti mimeType gugus ke text/html untuk mengaktifkan render HTML.
const data = {
chunks: [{
content: htmlContent,
mimeType: 'text/html'
}]
};
ImmersiveReader.launchAsync(YOUR_TOKEN, YOUR_SUBDOMAIN, data, YOUR_OPTIONS);