Fertig
Inhalt gestalten
Code im Fließtext
Code kann innerhalb des Textes mit html-Code verwendet werden <code></code>.
Wenn der Code allerdings spitze oder geschweifte Klammern beinhaltet, müssen alle < durch < bzw. alle { durch { ersetzt werden.
Überschrift mit <Codeschnipsel> eingebettet
## Überschrift mit <code><Codeschnipsel></code> eingebettet
Text mit eingebettetem <Codeschnipsel>.
Text mit eingebettetem <code><Codeschnipsel></code>.
Beispiel mit Code
Der Absatz mit dem Beispiel wird in eine weiße Box geschrieben. Er erhält also die Klasse
{: .box-white }
Darunter wird der gleiche Inhalt noch einmal geschrieben und mit <code></code> eingefasst.
Das ist ein Beispiel
Das ist **ein** Beispiel
Das ist **ein** Beispiel
{: .box-white }
<code>Das ist **ein** Beispiel</code>
Auch hier gilt, wenn der Code spitze oder geschweifte Klammern enthält, müssen alle < durch < bzw. alle { durch { ersetzt werden.
Notiz: Wenn das Beispiel oder/und der Code Markdown-Elemente enthält, muss unter Umständen mit <div> und ``` gearbeitet werden. Siehe unten ‘Beispiel mit Code’ mit Code.
Code als Block
Damit Code als ein Block dargestellt wird, muss er die Klassen d-block und p-3 bekommen.
---
title: Seiten
last_modified_date: 2020-07-31
---
<code class="d-block p-3">
---<br />
title: Seiten<br />
last_modified_date: 2020-07-31<br />
---
</code>
Notiz: Wenn der Code Markdown-Elemente enthält, muss unter Umständen mit ```markdown gearbeitet werden.
+ Eintrag 1
+ Eintrag 2
```markdown
+ Eintrag 1
+ Eintrag 2
```
‘Beispiel mit Code’ mit Code
Diese Handbuch-Erklärseite, also das Handbuch-Handbuch-Handbuch, stellt Beispiele mit Code dar. Das wurde wie folgt gelöst und ist bei Beispiel mit Code
zu sehen.
<div class="code-example" markdown="1">
Das ist **ein** Beispiel
{: .box-white }
<code>Das ist **ein** Beispiel</code>
</div>
```markdown
Das ist **ein** Beispiel
{: .box-white }
<code>Das ist **ein** Beispiel</code>
```
Tabelle mit Zeichen
| Zeichen | Code | Anzeige |
| { | { | { |
| & | & | & |
| < | < | < |
| > | > | > |
| # | # | # |
| + | + | + |
| ` | ` | ` |
| ↑ | ↑ | ↑ |
| ← | ← | ← |
Zeichen in Code umwandeln: https://www.compart.com/de/unicode/