Freigeben über


Aufbereiten von HTML-Inhalten für den plastischen Reader

In diesem Artikel erfahren Sie, wie Sie Ihren HTML-Code strukturieren und den Inhalt so abrufen, dass er von der Immersive Reader-Anwendung verwendet werden kann.

Vorbereiten des HTML-Inhalts

Platzieren Sie den Inhalt, den Sie im plastischen Reader innerhalb eines Containerelements rendern möchten. Stellen Sie sicher, dass das Containerelement über eine eindeutige id verfügt. Weitere Informationen zur Unterstützung grundlegender HTML-Elemente durch Immersive Reader finden Sie in der SDK-Referenz.

<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>

Abrufen des HTML-Inhalts in JavaScript

Verwenden Sie die id des Containerelements, um den HTML-Inhalt in Ihren JavaScript-Code zu übernehmen.

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

Starten des plastischen Readers mit Ihrem HTML-Inhalt

Wenn Sie ImmersiveReader.launchAsync aufrufen, legen Sie die mimeType-Eigenschaft des Blocks auf text/html fest, um das HTML-Rendering zu aktivieren.

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

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

Nächster Schritt