⚠️ صيغة لا تيك المضمنة $...$ داخل [grid] تسبب تسرب BBCode عند استخدامها مع [details]

الدعم
1

عرض BBCode و LaTeX في [grid] و [details]: شرح السلوك غير المتوقع

كنت أجرب كيف تتعامل Discourse مع LaTeX داخل [grid] و [details] وأردت توثيق السلوك والحل هنا للآخرين الذين يستخدمون التنسيق المكثف للرياضيات.

:warning: المشكلة

عند استخدام [grid] لوضع تعبيرات LaTeX متعددة جنبًا إلى جنب، فإن إدخال مسافة بيضاء واحدة بين كتلتين من الرياضيات المضمنة $...$ داخل الشبكة يُفسد العرض:

  • [grid] يعرض المحتوى جنبًا إلى جنب مع \\text{مسافة بيضاء} = 1 :white_check_mark:
  • ولكن علامات BBCode مثل [grid] و [/grid] تصبح مرئية :cross_mark:

انظر إلى هذه اللقطة، حيث يبدو التخطيط صحيحًا ولكن [grid] يظهر كنص:

:backhand_index_pointing_right: اللقطة 1: [grid] تظهر بشكل مرئي على الرغم من عرضها بشكل صحيح

لقطة شاشة تظهر BBCode [grid] مرئي
لقطة شاشة تظهر BBCode [grid] مرئي708×545 21.5 KB

:magnifying_glass_tilted_left: التشخيص

محلل Markdown في Discourse يفسر:

  • $...$ مع عدم وجود مسافة بيضاء بين الكتل على أنها رياضيات مضمنة
  • هذا يسبب ارتباكًا في التخطيط داخل [grid]
  • [grid] يتوقع محتوى على مستوى الكتلة، وليس مضمنًا

:white_check_mark: الحل

استخدم $$...$$ (LaTeX كتلة) بدلاً من $...$ المضمنة داخل [grid] لضمان العرض الصحيح. مثال:

[grid]
$$
\nabla \times \mathbf{A} = \left| \begin{matrix}
\hat{i} & \hat{j} & \hat{k} \\
\partial_x & \partial_y & \partial_z \\
A_x & A_y & A_z
\end{matrix} \right|
$$
$$
\nabla \times \mathbf{A} = \left| \begin{matrix}
\hat{i} & \hat{j} & \hat{k} \\
\partial_x & \partial_y & \partial_z \\
A_x & A_y & A_z
\end{matrix} \right|
$$
[/grid]

قطة زغبية، برتقالية اللون، ملتفة نائمة على وسادة رمادية، تبدو مريحة وسلمية للغاية. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
قطة زغبية، برتقالية اللون، ملتفة نائمة على وسادة رمادية، تبدو مريحة وسلمية للغاية. (تم التعليق عليها بواسطة الذكاء الاصطناعي)1484×421 13.9 KB

2

لذلك فكرت في تحديث كل شيء في لوحة الإدارة، وبدأت في إجراء بعض الاختبارات

[details="اشتقاق صيغة التفاف ديكارت"]
[grid]
$$\nabla \times \mathbf{A} = \left| \begin{matrix} \hat{i} & \hat{j} & \hat{k} \\ \partial_x & \partial_y & \partial_z \\ A_x & A_y & A_z \end{matrix} \right|$$
$$\nabla \times \mathbf{A} = \left| \begin{matrix} \hat{i} & \hat{j} & \hat{k} \\ \partial_x & \partial_y & \partial_z \\ A_x & A_y & A_z \end{matrix} \right|$$
[/grid]

[grid]
$$\begin{align*} \nabla \times \mathbf{A} = \ & \hat{i} \left| \begin{matrix} \partial_y & \partial_z \\ A_y & A_z \end{matrix} \right| - \hat{j} \left| \begin{matrix} \partial_x & \partial_z \\ A_x & A_z \end{matrix} \right| \\ & + \hat{k} \left| \begin{matrix} \partial_x & \partial_y \\ A_x & A_y \end{matrix} \right| \end{align*}$$

$$\begin{align*} \nabla \times \mathbf{A} = \ & \hat{i} \left| \begin{matrix} \partial_y & \partial_z \\ A_y & A_z \end{matrix} \right| + \hat{j} \left| \begin{matrix} A_z & A_x \\ \partial_z & \partial_x \end{matrix} \right| \\ & + \hat{k} \left| \begin{matrix} \partial_x & \partial_y \\ A_x & A_y \end{matrix} \right| \end{align*}$$
[/grid]
[/details]

صورة نابضة بالحياة، مقربة، تصور زهرة الخشخاش الحمراء في إزهار كامل، تعرض بتلاتها الرقيقة المجعدة ومركز البذور الداكن ضد خلفية خضراء ضبابية. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
صورة نابضة بالحياة، مقربة، تصور زهرة الخشخاش الحمراء في إزهار كامل، تعرض بتلاتها الرقيقة المجعدة ومركز البذور الداكن ضد خلفية خضراء ضبابية. (تم التعليق عليها بواسطة الذكاء الاصطناعي)1513×820 32.7 KB

نجاح :white_check_mark:

الذكاء الاصطناعي غبي بوضع مسافات بيضاء مفرطة بين $...$ في الشبكة 
[details="اشتقاق صيغة التفاف ديكارت"]
[grid]
$\nabla \times \mathbf{A} = \left| \begin{matrix} \hat{i} & \hat{j} & \hat{k} \\ \partial_x & \partial_y & \partial_z \\ A_x & A_y & A_z \end{matrix} \right|$

$\nabla \times \mathbf{A} = \left| \begin{matrix} \hat{i} & \hat{j} & \hat{k} \\ \partial_x & \partial_y & \partial_z \\ A_x & A_y & A_z \end{matrix} \right|$
[/grid]

[grid]
$\begin{aligned} \nabla \times \mathbf{A} = \ & \hat{i} \left| \begin{matrix} \partial_y & \partial_z \\ A_y & A_z \end{matrix} \right| - \hat{j} \left| \begin{matrix} \partial_x & \partial_z \\ A_x & A_z \end{matrix} \right| \\ & + \hat{k} \left| \begin{matrix} \partial_x & \partial_y \\ A_x & A_y \end{matrix} \right| \end{aligned}$

$\begin{aligned} \nabla \times \mathbf{A} = \ & \hat{i} \left| \begin{matrix} \partial_y & \partial_z \\ A_y & A_z \end{matrix} \right| + \hat{j} \left| \begin{matrix} A_z & A_x \\ \partial_z & \partial_x \end{matrix} \right| \\ & + \hat{k} \left| \begin{matrix} \partial_x & \partial_y \\ A_x & A_y \end{matrix} \right| \end{aligned}$
[/grid]
[/details]

صورة لكلب سامويد أبيض منفوش يقف بفخر في منظر طبيعي ثلجي، وينظر مباشرة إلى الكاميرا بتعبير مرح. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
صورة لكلب سامويد أبيض منفوش يقف بفخر في منظر طبيعي ثلجي، وينظر مباشرة إلى الكاميرا بتعبير مرح. (تم التعليق عليها بواسطة الذكاء الاصطناعي)1489×831 33.5 KB

فشل :cross_mark:

[details="اشتقاق صيغة الالتفاف الكروي"]

[grid]
$$\nabla \times \mathbf{A} = \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & r\hat{\theta} & r\sin\theta\,\hat{\phi} \\ \partial_r & \partial_\theta & \partial_\phi \\ A_r & r A_\theta & r\sin\theta\, A_\phi \end{matrix} \right|$$

$$\ = \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & \hat{\theta} & \hat{\phi} \\ \partial_\theta & \partial_\phi & \partial_r \\ r A_\theta & r \sin\theta A_\phi & A_r \end{matrix} \right|$$
[/grid]

[grid]
$$\begin{align*} = \frac{1}{r^2 \sin\theta} \Big( & \hat{r} \left| \begin{matrix} \partial_\theta & \partial_\phi \\ r A_\theta & r \sin\theta A_\phi \end{matrix} \right| \\ & - \hat{\theta} \left| \begin{matrix} \partial_r & \partial_\phi \\ A_r & r \sin\theta A_\phi \end{matrix} \right| \\ & + \hat{\phi} \left| \begin{matrix} \partial_r & \partial_\theta \\ A_r & r A_\theta \end{matrix} \right| \Big) \end{align*}$$

$$\begin{align*} = \frac{1}{r^2 \sin\theta} \Big( & \hat{r} \left| \begin{matrix} \partial_\phi & \partial_r \\ r \sin\theta A_\phi & A_r \end{matrix} \right| \\ & + \hat{\theta} \left| \begin{matrix} A_r & r \sin\theta A_\phi \\ \partial_r & \partial_\phi \end{matrix} \right| \\ & + \hat{\phi} \left| \begin{matrix} \partial_\theta & \partial_r \\ r A_\theta & A_r \end{matrix} \right| \Big) \end{align*}$$
[/grid]

[/details]

صورة لكلب أبيض منفوش ذو آذان متدلية يجلس بانتباه على سجادة منقوشة، وينظر قليلاً إلى اليسار بتعبير مرح. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
صورة لكلب أبيض منفوش ذو آذان متدلية يجلس بانتباه على سجادة منقوشة، وينظر قليلاً إلى اليسار بتعبير مرح. (تم التعليق عليها بواسطة الذكاء الاصطناعي)1499×833 39.6 KB

نجاح :white_check_mark:

[details="اشتقاق صيغة الالتفاف الكروي"]

[grid]
$$\nabla \times \mathbf{A} = \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & r\hat{\theta} & r\sin\theta\,\hat{\phi} \\ \partial_r & \partial_\theta & \partial_\phi \\ A_r & r A_\theta & r\sin\theta\, A_\phi \end{matrix} \right|$$

$$\ = \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & \hat{\theta} & \hat{\phi} \\ \partial_\theta & \partial_\phi & \partial_r \\ r A_\theta & r \sin\theta A_\phi & A_r \end{matrix} \right|$$
[/grid]

[grid] $\begin{align} = \frac{1}{r^2 \sin\theta} \Big( & \hat{r} \left| \begin{matrix} \partial_\theta & \partial_\phi \\ r A_\theta & r \sin\theta A_\phi \end{matrix} \right| \\ & - \hat{\theta} \left| \begin{matrix} \partial_r & \partial_\phi \\ A_r & r \sin\theta A_\phi \end{matrix} \right| \\ & + \hat{\phi} \left| \begin{matrix} \partial_r & \partial_\theta \\ A_r & r A_\theta \end{matrix} \right| \Big) \end{align}$ $\begin{align} = \frac{1}{r^2 \sin\theta} \Big( & \hat{r} \left| \begin{matrix} \partial_\phi & \partial_r \\ r \sin\theta A_\phi & A_r \end{matrix} \right| \\ & + \hat{\theta} \left| \begin{matrix} A_r & r \sin\theta A_\phi \\ \partial_r & \partial_\phi \end{matrix} \right| \\ & + \hat{\phi} \left| \begin{matrix} \partial_\theta & \partial_r \\ r A_\theta & A_r \end{matrix} \right| \Big) \end{align}$ [/grid]

[/details]

منطاد هواء ساخن ملون زاهي، مزين بأنماط مرقعة، يطفو بسلام مقابل سماء زرقاء صافية. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
منطاد هواء ساخن ملون زاهي، مزين بأنماط مرقعة، يطفو بسلام مقابل سماء زرقاء صافية. (تم التعليق عليها بواسطة الذكاء الاصطناعي)1491×821 41.9 KB

نجاح :white_check_mark:

[details="اشتقاق صيغة الالتفاف الكروي"]

[grid]
$$\nabla \times \mathbf{A} = \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & r\hat{\theta} & r\sin\theta\,\hat{\phi} \\ \partial_r & \partial_\theta & \partial_\phi \\ A_r & r A_\theta & r\sin\theta\, A_\phi \end{matrix} \right|$$

$$\ = \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & \hat{\theta} & \hat{\phi} \\ \partial_\theta & \partial_\phi & \partial_r \\ r A_\theta & r \sin\theta A_\phi & A_r \end{matrix} \right|$$
[/grid]

[grid] $\begin{align} = \frac{1}{r^2 \sin\theta} \Big( & \hat{r} \left| \begin{matrix} \partial_\theta & \partial_\phi \\ r A_\theta & r \sin\theta A_\phi \end{matrix} \right| \\ & - \hat{\theta} \left| \begin{matrix} \partial_r & \partial_\phi \\ A_r & r \sin\theta A_\phi \end{matrix} \right| \\ & + \hat{\phi} \left| \begin{matrix} \partial_r & \partial_\theta \\ A_r & r A_\theta \end{matrix} \right| \Big) \end{align}$ $\begin{align} = \frac{1}{r^2 \sin\theta} \Big( & \hat{r} \left| \begin{matrix} \partial_\phi & \partial_r \\ r \sin\theta A_\phi & A_r \end{matrix} \right| \\ & + \hat{\theta} \left| \begin{matrix} A_r & r \sin\theta A_\phi \\ \partial_r & \partial_\phi \end{matrix} \right| \\ & + \hat{\phi} \left| \begin{matrix} \partial_\theta & \partial_r \\ r A_\theta & A_r \end{matrix} \right| \Big) \end{align}$ [/grid]

[/details]

هذا هو المكان الذي يفشل فيه الأمر

تعرض الصورة صيغة رياضية معقدة وعملية اشتقاق، من المحتمل أن تتعلق بالإحداثيات الكروية وحساب المتجهات، مقدمة بتنسيق يشبه الكود مع رموز ومعادلات مختلفة. (تم التعليق عليها بواسطة الذكاء الاصطناعي)
تعرض الصورة صيغة رياضية معقدة وعملية اشتقاق، من المحتمل أن تتعلق بالإحداثيات الكروية وحساب المتجهات، مقدمة بتنسيق يشبه الكود مع رموز ومعادلات مختلفة. (تم التعليق عليها بواسطة الذكاء الاصطناعي)1482×825 42.6 KB

:warning: المشكلة هي أنني أضع مسافة بيضاء قليلة جدًا بين [grid] → object و/أو object → [/grid]

3

اعتقدت أنه يجب علي على الأقل تقديم معلومات دقيقة رياضيًا، وليس ثرثرة ChatGPT :grinning_face:

\frac{1}{r^2 \sin\theta} \left| \begin{matrix} \textcolor{orange}{\hat{r}} & r\hat{\theta} & r\sin\theta,\,\hat{\phi} \\ \partial_r & \boxed{\partial_\theta} & \boxed{\partial_\phi} \\ A_r & \boxed{r A_\theta} & \boxed{r\sin\theta,\, A_\phi} \end{matrix} \right|
\frac{1}{r^2 \sin\theta} \left| \begin{matrix} \textcolor{orange}{\hat{r}} & r\hat{\theta} & r\sin\theta,\,\hat{\phi} \\ \partial_r & \boxed{\partial_\theta} & \boxed{\partial_\phi} \\ A_r & \boxed{r A_\theta} & \boxed{r\sin\theta,\, A_\phi} \end{matrix} \right|
الحد الأول للمجعد

[center]
\Huge \frac{1}{r^2 \sin\theta} \cdot \textcolor{orange}{\hat{r}}\begin{vmatrix} \partial_\theta & \partial_\phi \\ r A_\theta & r\sin\theta,\, A_\phi \end{vmatrix}
[/center]

\textcolor{red}{ \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & \textcolor{purple}{r\hat{\theta}} & r\sin\theta,\,\hat{\phi} \\ \left.\overrightarrow{\partial_r}\right| & \partial_\theta & \left|\overrightarrow{\;\;\;\;\partial_\phi\;}\right. \\ \left.\underrightarrow{A_r}\right| & r A_\theta & \underrightarrow{\biggl| \, r\sin\theta\, A_\phi \,} \end{matrix} \right| }
\textcolor{green}{ \frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & \textcolor{purple}{r\hat{\theta}} & r\sin\theta,\,\hat{\phi} \\ \left|\overrightarrow{\partial_r}\right. & \partial_\theta & \left.\overrightarrow{\;\;\;\;\partial_\phi\;}\right| \\ \left|\underrightarrow{A_r}\right. & r A_\theta & \underrightarrow{ \, r\sin\theta\, A_\phi \, \biggl|} \end{matrix} \right| }
الحد الثاني للمجعد

[center]
\Huge \textcolor{red}{- \frac{1}{r^2 \sin\theta} \cdot \textcolor{purple}{r\hat{\theta}}\begin{vmatrix} \partial_\phi & \partial_r \\ r\sin\theta\, A_\phi & A_r \end{vmatrix} }

\Huge \textcolor{green}{+ \frac{1}{r^2 \sin\theta} \cdot \textcolor{purple}{r\hat{\theta}}\begin{vmatrix} \partial_r & \partial_\phi \\ A_r & r\sin\theta\, A_\phi \end{vmatrix} }
[/center]

\frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & r\hat{\theta} & \textcolor{blue}{r\sin\theta,\,\hat{\phi}} \\ \boxed{\partial_r} & \boxed{\partial_\theta} & \partial_\phi \\ \boxed{A_r} & \boxed{r A_\theta} & r\sin\theta,\, A_\phi \end{matrix} \right|
\frac{1}{r^2 \sin\theta} \left| \begin{matrix} \hat{r} & r\hat{\theta} & \textcolor{blue}{r\sin\theta,\,\hat{\phi}} \\ \boxed{\partial_r} & \boxed{\partial_\theta} & \partial_\phi \\ \boxed{A_r} & \boxed{r A_\theta} & r\sin\theta,\, A_\phi \end{matrix} \right|
الحد الثالث للمجعد

[center]
\Huge \frac{1}{r^2 \sin\theta} \cdot \textcolor{blue}{r\sin\theta,\,\hat{\phi}}\begin{vmatrix} \partial_r & \partial_\theta \\ A_r & r A_\theta \end{vmatrix}
[/center]

لقد أنشأت موضوعًا آخر حول تلوين النص في عناوين لوحات التفاصيل، والتي يمكن أن تتطابق مع الألوان الثلاثة على عناصر محددة