النص بعد وسوم div لا يتم عرضه بشكل صحيح

النص الذي يظهر في سطر يتبع مباشرةً وسم div لا يُعرض بشكل صحيح. وضع سطر فارغ بعد السطر الذي يحتوي على الـ div يحل المشكلة.

<div>divved text</div>
[a link]( `/admin/email/templates`.) **italic**
divved text
[a link]( `/admin/email/templates`.) **italic**

لقطة شاشة:

HTML الأخرى لا تسبب المشكلة:

<small>small text</small>
[a link]( `/admin/email/templates`.) **italic**

small text
a link italic

<span>spanned text</span>
[a link]( `/admin/email/templates`.) **italic**

spanned text
a link italic


تخميني هو أنه بمجرد اكتشاف HTML، يتم سحب السطر التالي إلى المعالج ولا يتم تحليله كـ Markdown. يمكنك اختبار ذلك بوضع بعض النص في السطر بعد الـ div وبداية السطر التالي:

<div>divved text</div> end of div
beginning of markdown [a link]( `/admin/email/templates`.) **italic**
divved text
end of div beginning of markdown [a link]( `/admin/email/templates`.) **italic**

لقطة شاشة:

إنه سلوك محدد بالكامل ومتوافق مع المعايير، مُعرَّف بواسطة مواصفة CommonMark § 4.6 — كتل HTML.

القاعدة الأساسية هي نوع كتلة HTML 6. تدرج مواصفة CommonMark صراحةً div (إلى جانب p وblockquote وtable وh1–h6 وul وol وli وhr وما إلى ذلك) كعلامة على مستوى الكتلة. عندما يواجه المُحلّل سطرًا يبدأ بـ واحدة من هذه العلامات، فإنه يفتح كتلة HTML بشرط إنهاء كالتالي:

شرط الإنهاء: يتبع السطر سطرًا فارغًا.

أمثلتك الأخرى هي عناصر داخلية، وتتصرف بشكل مختلف.

شكراً! هذا ما كنت أخشى منه.

عند تبسيط تقريري، نسيت أن أذكر أن المشكلة ظهرت عندما أدخل مستخدم كود <div data-theme-toc="true"> </div> لإدراج جدول المحتويات. يبدو أن هذه مشكلة مطور هذه الميزة، إن وجد.

حسنًا، هذا مثير للاهتمام. إذن المشكلة لا تحدث على الإطلاق دون فهرس المحتويات؟ (أقصد مع عناصر div أخرى)

يعتمد الأمر على التموضع الدقيق للعنصر <div data-theme-toc="true"> </div>. في هذه الحالة، كان هذا العنصر هو الأول في المنشور، وبدأ النص في السطر التالي. لم كنا لنتنبه لذلك لولا وجود تنسيق Markdown في ذلك السطر الأول. لست متأكداً مما إذا كان هذا واضحاً.

إذا أضفت سطرًا فارغًا بعد ذلك الكود، سيعمل كل شيء بشكل صحيح. لذلك: Data-theme-toc="true" should be placed at the top of a post in it's own paragraph.