Link Search Menu Expand Document

 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 &lt; bzw. alle { durch &#123; ersetzt werden.

Überschrift mit <Codeschnipsel> eingebettet

## Überschrift mit <code>&lt;Codeschnipsel></code> eingebettet

Text mit eingebettetem <Codeschnipsel>.

Text mit eingebettetem <code>&lt;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 &lt; bzw. alle { durch &#123; 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 Neuer Tab 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
{ &#123; {
& &amp; &
< &lt; <
> &gt; >
# &#35; #
+ &#43; +
` &#96; `
&#8593;
&#8592;

Zeichen in Code umwandeln: https://www.compart.com/de/unicode/


Copyright © 2024 Buchner & Partner GmbH

Zuletzt bearbeitet am: 7.8.2020