Share via

كيفية إعداد محتوى 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