Подготовка HTML-содержимого для иммерсивного средства чтения

В этой статье показано, как структурировать HTML-код и получить содержимое, чтобы приложение Иммерсивный Чтение могло его использовать.

Подготовка HTML-содержимого

Поместите содержимое, которое вы хотите отобразить в режиме погружения, в элемент контейнера. Убедитесь, что элемент контейнера имеет уникальное значение параметра id. Дополнительные сведения о том, как Иммерсивное средство чтения обеспечивает поддержку базовых HTML-элементов, см. в справочнике по пакету 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>

Получение HTML-содержимого в JavaScript

Используйте id элемента контейнера для получения HTML-содержимого в коде JavaScript.

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

Запуск иммерсивного средства чтения с HTML-содержимым

При вызове ImmersiveReader.launchAsync задайте для свойства блока mimeType значение text/html, чтобы разрешить преобразование HTML-кода.

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

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

Следующий шаг

Ознакомьтесь со справочником по SDK Иммерсивного читателя