Udostępnij za pośrednictwem

Jak przygotować zawartość HTML do Czytnik immersyjny

  • Artykuł

W tym artykule pokazano, jak utworzyć strukturę kodu HTML i pobrać zawartość, aby aplikacja Czytnik immersyjny mogła z niej korzystać.

Przygotowywanie zawartości HTML

Umieść zawartość, którą chcesz renderować w Czytnik immersyjny wewnątrz elementu kontenera. Upewnij się, że element kontenera ma unikatowy element id. Aby dowiedzieć się więcej o tym, jak Czytnik immersyjny zapewnia obsługę podstawowych elementów HTML, zobacz dokumentację zestawu 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>

Pobieranie zawartości HTML w języku JavaScript

id Użyj elementu kontenera, aby pobrać zawartość HTML w kodzie JavaScript.

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

Uruchamianie Czytnik immersyjny przy użyciu zawartości HTML

Podczas wywoływania ImmersiveReader.launchAsyncustaw właściwość fragmentu mimeType na wartość , aby text/html włączyć renderowanie kodu HTML.

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

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

Następny krok

Zapoznaj się z dokumentacją zestawu SDK Czytnik immersyjny