تجربة تكنوبلوج مع تعليقات ديسكورش

أواجه صعوبات في جعل الارتفاع الديناميكي يعمل بشكل صحيح. على الرغم من تحديث Discourse وتحديث مقتطف الكود الخاص بي بأحدث الإعدادات، إلا أن المشكلة لا تزال قائمة.

        <h4 class="comments-main-title component-title">التعليقات</h4>
        <div id='discourse-comments'></div>

        <meta name='discourse-username' content='<?php echo esc_attr($discourse_author); ?>'>

        <script type="text/javascript">
            DiscourseEmbed = {
                discourseUrl: '<?php echo esc_url($discourse_url); ?>',
                
                <?php if ($use_topic_id): ?>
                    // وضع المعرف: الموضوع محفوظ في قاعدة البيانات، وغير متأثر بتغييرات الرابط
                    topicId: <?php echo intval($topic_id); ?>,
                <?php else: ?>
                    // وضع الرابط: حل بديل عند فشل الإنشاء عبر واجهة برمجة التطبيقات (API)
                    discourseEmbedUrl: '<?php echo esc_url($permalink); ?>',
                <?php endif; ?>
                fullApp: true,
                lazyLoad: true, // تعطيل التحميل الكسول للإطار (iframe)
                lazyLoadMargin: '1500', // البكسلات قبل منطقة العرض لبدء التحميل
                dynamicHeight: true,
                embedMinHeight: '400',
                embedMaxHeight: '3000',
					  embedHeight: '800px',
                // className: 'CLASS_NAME',
            };

            (function() {
            var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
            d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
            })();
        </script>
4 إعجابات