⚠️ Inline LaTeX $...$ dans [grid] divulgue du BBCode lorsqu'il est utilisé avec [details]

Soutien
1

Rendu BBCode et LaTeX dans [grid] et [details] : Comportement inattendu expliqué

J’ai expérimenté la façon dont Discourse gère LaTeX à l’intérieur de [grid] et [details] et j’ai voulu documenter le comportement et la solution de contournement ici pour les autres utilisateurs de formatage mathématique intensif.

:warning: Problème

Lorsque vous utilisez [grid] pour disposer plusieurs expressions LaTeX côte à côte, l’insertion d’un seul espace blanc entre deux blocs de mathématiques en ligne $...$ à l’intérieur de la grille perturbe le rendu :

  • [grid] affiche le contenu côte à côte avec \\text{espace blanc} = 1 :white_check_mark:
  • Mais les balises BBCode comme [grid] et [/grid] deviennent visibles :cross_mark:

Voir cette capture d’écran, où la mise en page semble correcte mais [grid] apparaît comme du texte :

:backhand_index_pointing_right: Capture d’écran 1 : [grid] visible malgré un rendu correct

screenshot showing visible [grid] BBCode
screenshot showing visible [grid] BBCode708×545 21.5 KB

:magnifying_glass_tilted_left: Diagnostic

L’analyseur Markdown de Discourse interprète :

  • $...$ sans espace blanc entre les blocs comme des mathématiques en ligne
  • Cela provoque une confusion de mise en page à l’intérieur de [grid]
  • [grid] attend du contenu de niveau bloc, pas en ligne

:white_check_mark: Solution

Utilisez $$...$$ (LaTeX de bloc) au lieu de $...$ en ligne à l’intérieur de [grid] pour garantir un rendu correct. Exemple :

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

A fluffy, ginger cat is curled up asleep on a grey cushion, looking very comfortable and peaceful. (Captioned by AI)
A fluffy, ginger cat is curled up asleep on a grey cushion, looking very comfortable and peaceful. (Captioned by AI)1484×421 13.9 KB

2

J’ai donc pensé à mettre à jour tout dans le panneau d’administration et à procéder à quelques tests

[details="dérivation de la formule du rotationnel cartésien"]
[grid]
$$\n\\nabla \\times \\mathbf{A} = \\left| \\begin{matrix}\n\\hat{i} \u0026 \\hat{j} \u0026 \\hat{k} \\\\\n\\partial_x \u0026 \\partial_y \u0026 \\partial_z \\\\\nA_x \u0026 A_y \u0026 A_z\n\\end{matrix} \\right|$$
$$\n\\nabla \\times \\mathbf{A} = \\left| \\begin{matrix}\n\\hat{i} \u0026 \\hat{j} \u0026 \\hat{k} \\\\\n\\partial_x \u0026 \\partial_y \u0026 \\partial_z \\\\\nA_x \u0026 A_y \u0026 A_z\n\\end{matrix} \\right|$$
[/grid]

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

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

Une photographie vibrante en gros plan d'un coquelicot rouge en pleine floraison, montrant ses pétales délicats et plissés et son ovaire sombre au centre sur un fond vert flou. (Légendé par l'IA)
Une photographie vibrante en gros plan d'un coquelicot rouge en pleine floraison, montrant ses pétales délicats et plissés et son ovaire sombre au centre sur un fond vert flou. (Légendé par l'IA)1513×820 32.7 KB

réussite :white_check_mark:

L'IA fait l'idiote en mettant un espace excessif entre deux $...$ dans la grille 
[details="dérivation de la formule du rotationnel cartésien"] 
[grid]
$\\nabla \\times \\mathbf{A} = \\left| \\begin{matrix}\n\\hat{i} \u0026 \\hat{j} \u0026 \\hat{k} \\\\\n\\partial_x \u0026 \\partial_y \u0026 \\partial_z \\\\\nA_x \u0026 A_y \u0026 A_z\n\\end{matrix} \\right|$

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

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

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

Un chien Samoyède blanc et duveteux se tient fièrement dans un paysage enneigé, regardant directement l'appareil photo avec une expression joyeuse. (Légendé par l'IA)
Un chien Samoyède blanc et duveteux se tient fièrement dans un paysage enneigé, regardant directement l'appareil photo avec une expression joyeuse. (Légendé par l'IA)1489×831 33.5 KB

échec :cross_mark:

[details="dérivation de la formule du rotationnel sphérique"]

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

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

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

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

[/details]

Un chien blanc et duveteux aux oreilles tombantes est assis attentivement sur un tapis à motifs, regardant légèrement vers la gauche avec une expression joyeuse. (Légendé par l'IA)
Un chien blanc et duveteux aux oreilles tombantes est assis attentivement sur un tapis à motifs, regardant légèrement vers la gauche avec une expression joyeuse. (Légendé par l'IA)1499×833 39.6 KB

réussite :white_check_mark:

[details="dérivation de la formule du rotationnel sphérique"]

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

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

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

[/details]

Une montgolfière aux couleurs vives, ornée de motifs patchwork, flotte paisiblement contre un ciel bleu clair. (Légendé par l'IA)
Une montgolfière aux couleurs vives, ornée de motifs patchwork, flotte paisiblement contre un ciel bleu clair. (Légendé par l'IA)1491×821 41.9 KB

réussite :white_check_mark:

[details="dérivation de la formule du rotationnel sphérique"]

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

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

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

[/details]

c’est là que ça échoue

L'image présente une formule mathématique complexe et un processus de dérivation, probablement liés aux coordonnées sphériques et au calcul vectoriel, présentés dans un format de type code avec divers symboles et équations. (Légendé par l'IA)
L'image présente une formule mathématique complexe et un processus de dérivation, probablement liés aux coordonnées sphériques et au calcul vectoriel, présentés dans un format de type code avec divers symboles et équations. (Légendé par l'IA)1482×825 42.6 KB

:warning: le problème est que je mets trop peu d’espace entre [grid] → object et/ou object → [/grid]

1 « J'aime »
3

Je pensais que je devrais au moins conclure avec des informations mathématiquement précises, pas du baratin de 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|
le 1er terme du Rotationnel

[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| }
le 2ème terme du Rotationnel

[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|
le 3ème terme du Rotationnel

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

j’ai créé un autre sujet sur la coloration du texte dans les titres des panneaux de détails, ce qui pourrait correspondre aux 3 couleurs sur des éléments spécifiques

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.