Příprava obsahu HTML pro Asistivní čtečka

  • Článek

V tomto článku se dozvíte, jak strukturovat kód HTML a načíst obsah, aby ho vaše Asistivní čtečka aplikace mohly používat.

Příprava obsahu HTML

Umístěte obsah, který chcete vykreslit, do Asistivní čtečka uvnitř elementu kontejneru. Ujistěte se, že element kontejneru má jedinečný id. Další informace o tom, jak Asistivní čtečka poskytuje podporu základních elementů HTML, najdete v referenčních informacích k sadě 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>

Získání obsahu HTML v JavaScriptu

id Pomocí elementu kontejneru získejte obsah HTML v kódu JavaScriptu.

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

Spuštění Asistivní čtečka s obsahem HTML

Při volání ImmersiveReader.launchAsyncnastavte vlastnost text/html bloku mimeType na povolení vykreslování HTML.

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

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

Další krok

Seznámení s referenčními informacemi k sadě Asistivní čtečka SDK