Подготовка 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);