@@Matthias Scharwies > @Gunnar Bittersmann hat in seinen Antworten teilweise Code-Blöcke mit fehlerhaftem Code rot eingefärbt. > > Jetzt habe ich natürlich auch in der Suche nichts gefunden! > > Könnt ihr mir eine solche Stelle, oder den Kramdown-Code zeigen? Du kannst in Markdown für Abschnitte (sei es `*`, `**`, `_`, `__`, ``⁠`⁠``) in einem nachgestellten `{}`-Block Attribute angeben: bspw. `_en vogue_{: lang="fr"}`{: .language-markdown} ergibt `<em lang="fr">en vogue</em>`{: .language-html}. Für Klassen gibt es eine Abkürzung: `**wichtig**{: .important}`{: .language-markdown} bspw. ist das Gleiche wie `**wichtig**{: class="important"}`{: .language-markdown} und ergibt `<strong class="important">`{: .language-html}. Das wird bei Inline-Code für die `language-…`-Klassen so verwendet. Als Attribut kann auch ein Inline-`style`-Attribut verwendet werden: `__rebeccapurple__{: style="background: rebeccapurple; color: white"}`{: .language-markdown} ergibt `<strong style="background: rebeccapurple; color: white">`{: .language-html} und wird als __rebeccapurple__{: style="background: rebeccapurple; color: white"} gerendert. Bei Markdown-Blöcken steht der `{}`-Block in einer neuen Zeile: ~~~~~markdown ~~~markdown # The color rebeccapurple # ~~~ {: style="background: rebeccapurple; color: white"} ~~~~~ wird gerendert als ~~~markdown # The color rebeccapurple # ~~~ {: style="background: rebeccapurple; color: white"} --- {: style="margin: 3em 0"} Wie man an der Trennlinie sieht, geht das auch bei Trennlinien. --- {: style="margin: 3em 0"} # Überlegung: # Da man™ rot hinterlegten Quelltext ja wie festgestellt doch desöfteren braucht, sollte man dafür vielleicht eine Klasse vorsehen und die Regel in Forums-Stylesheet schreiben: ~~~css .bad { background-color: hsl(0, 100%, 95%) } ~~~ Dann kann man einfach ``⁠`schlechtes Beispiel⁠`⁠{: .bad}``{: .language-markdown} bzw. ~~~~~markdown ~~~ schlechtes Beispiel⁠ ~~~ {: .bad} ~~~~~ verwenden und es wird `schlechtes Beispiel`{: style="background-color: hsl(0, 100%, 95%)"} mit rotem Hintergrund gerendert. Als Gegenstück dazu auch ~~~css .good { background-color: hsl(120, 100%, 95%) } ~~~ für ein `gutes Beispiel`{: style="background-color: hsl(120, 100%, 95%)"}. LLAP 🖖 -- _“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”_{: lang="en"} —Estelle Weyl

@@Matthias Scharwies > @Gunnar Bittersmann hat in seinen Antworten teilweise Code-Blöcke mit fehlerhaftem Code rot eingefärbt. > > Jetzt habe ich natürlich auch in der Suche nichts gefunden! > > Könnt ihr mir eine solche Stelle, oder den Kramdown-Code zeigen? Du kannst in Markdown für Abschnitte (sei es `*`, `**`, `_`, `__`, ``⁠`⁠``) in einem nachgestellten `{}`-Block Attribute angeben: bspw. `_en vogue_{: lang="fr"}`{: .language-markdown} ergibt `<em lang="fr">en vogue</em>`{: .language-html}. Für Klassen gibt es eine Abkürzung: `**wichtig**{: .important}`{: .language-markdown} bspw. ist das Gleiche wie `**wichtig**{: class="important"}`{: .language-markdown} und ergibt `<strong class="important">`{: .language-html}. Das wird bei Inline-Code für die `language-…`-Klassen so verwendet. Als Attribut kann auch ein Inline-`style`-Attribut verwendet werden: `__rebeccapurple__{: style="background: rebeccapurple; color: white"}`{: .language-markdown} ergibt `<strong style="background: rebeccapurple; color: white">`{: .language-html} und wird als __rebeccapurple__{: style="background: rebeccapurple; color: white"} gerendert. Bei Markdown-Blöcken steht der `{}`-Block in einer neuen Zeile: ~~~~~markdown ~~~markdown # The color rebeccapurple # ~~~ {: style="background: rebeccapurple; color: white"} ~~~~~ wird gerendert als ~~~markdown # The color rebeccapurple ~~~ {: style="background: rebeccapurple; color: white"} --- {: style="margin: 3em 0"} Wie man an der Trennlinie sieht, geht das auch bei Trennlinien. --- {: style="margin: 3em 0"} # Überlegung: # Da man™ rot hinterlegten Quelltext ja wie festgestellt doch desöfteren braucht, sollte man dafür vielleicht eine Klasse vorsehen und die Regel in Forums-Stylesheet schreiben: ~~~css .bad { background-color: hsl(0, 100%, 95%) } ~~~ Dann kann man einfach ``⁠`schlechtes Beispiel⁠`⁠{: .bad}``{: .language-markdown} bzw. ~~~~~markdown ~~~ schlechtes Beispiel⁠ ~~~ {: .bad} ~~~~~ verwenden und es wird `schlechtes Beispiel`{: style="background-color: hsl(0, 100%, 95%)"} mit rotem Hintergrund gerendert. Als Gegenstück dazu auch ~~~css .good { background-color: hsl(120, 100%, 95%) } ~~~ für ein `gutes Beispiel`{: style="background-color: hsl(120, 100%, 95%)"}. LLAP 🖖 -- _“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”_{: lang="en"} —Estelle Weyl

@@Matthias Scharwies > @Gunnar Bittersmann hat in seinen Antworten teilweise Code-Blöcke mit fehlerhaftem Code rot eingefärbt. > > Jetzt habe ich natürlich auch in der Suche nichts gefunden! > > Könnt ihr mir eine solche Stelle, oder den Kramdown-Code zeigen? Du kannst in Markdown für Abschnitte (sei es `*`, `**`, `_`, `__`, ``⁠`⁠``) in einem nachgestellten `{}`-Block Attribute angeben: bspw. `_en vogue_{: lang="fr"}`{: .language-markdown} ergibt `<em lang="fr">en vogue</em>`{: .language-html}. Für Klassen gibt es eine Abkürzung: `**wichtig**{: .important}`{: .language-markdown} bspw. ist das Gleiche wie `**wichtig**{: class="important"}`{: .language-markdown} und ergibt `<strong class="important">`{: .language-html}. Das wird bei Inline-Code für die `language-…`-Klassen so verwendet. Als Attribut kann auch ein Inline-`style`-Attribut verwendet werden: `__rebeccapurple__{: style="background: rebeccapurple; color: white"}`{: .language-markdown} ergibt `<strong style="background: rebeccapurple; color: white">`{: .language-html} und wird als __rebeccapurple__{: style="background: rebeccapurple; color: white"} grendert. Bei Markdown-Blöcken steht der `{}`-Block in einer neuen Zeile: ~~~~~markdown ~~~markdown # The color rebeccapurple ~~~ {: style="background: rebeccapurple; color: white"} ~~~~~ wird gerendert als ~~~markdown # The color rebeccapurple ~~~ {: style="background: rebeccapurple; color: white"} --- {: style="margin: 3em 0"} Wie man an der Trennlinie sieht, geht das auch bei Trennlinien. --- {: style="margin: 3em 0"} # Überlegung: # Da man™ rot hinterlegten Quelltext ja wie festgestellt doch desöfteren braucht, sollten man dafür vielleicht eine Klasse vorsehen und die Regel in Forums-Stylesheet schreiben: ~~~css .bad { background-color: hsl(0, 100%, 95%) } ~~~ Dann kann man einfach ``⁠`schlechtes Beispiel⁠`⁠{: .bad}``{: .language-markdown} bzw. ~~~~~markdown ~~~ schlechtes Beispiel⁠ ~~~ {: .bad} ~~~~~ verwenden und es wird `schlechtes Beispiel`{: style="background-color: hsl(0, 100%, 95%)"} mit rotem Hintergrund gerendert. Als Gegenstück dazu auch ~~~css .good { background-color: hsl(120, 100%, 95%) } ~~~ für ein `gutes Beispiel`{: style="background-color: hsl(120, 100%, 95%)"}. LLAP 🖖 -- _“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”_{: lang="en"} —Estelle Weyl