alle Tools

BBCode in HTML

Wandeln Sie BBCode-Tags wie [b], [i], [url], [img] und [quote] in sauberes HTML um. Übertragen Sie Forenbeiträge auf eine Website oder einen Blog.

Wandeln Sie BBCode aus Foren in HTML um

BBCode (Bulletin Board Code) ist die Auszeichnungssprache mit eckigen Klammern, die Foren wie phpBB, vBulletin, MyBB und viele Gaming-Communities nutzen: [b]fett[/b], [i]kursiv[/i], [url=https://example.com]Link[/url], [img]...[/img], [quote]...[/quote] und [list]. Sie ist einfach und für Foren sicher, aber Websites brauchen HTML.

Fügen Sie BBCode ein, und der Konverter erzeugt das entsprechende HTML: [b]Hallo[/b] wird zu <strong>Hallo</strong> (oder <b>), bereit für einen Blog, ein CMS oder einen Newsletter.

Besonders nützlich, um Inhalte alter Foren, Anleitungen oder Signaturen auf eine moderne Website zu übertragen.

So verwenden Sie BBCode in HTML

  1. Fügen Sie den BBCode-Text ein.
  2. Senden Sie ab, um umzuwandeln.
  3. Kopieren Sie das HTML-Ergebnis.
  4. Fügen Sie es in die HTML- oder Code-Ansicht Ihres CMS ein.

Beispiele

Fett, kursiv und ein Link

Eingabe: [b]Bold[/b] and [i]italic[/i] [url=https://mybotsy.com]My Botsy[/url]

Ausgabe:

<strong>Bold</strong> and <em>italic</em> <a href="https://mybotsy.com">My Botsy</a>

Zitate und Farben

Eingabe: [quote]Hello[/quote] [color=red]red[/color]

Ausgabe: <blockquote>Hello</blockquote> <span style="color: red">red</span>

Eine Liste

Eingabe: [list][*]One[*]Two[/list]

Ausgabe: <ul><li>One</li><li>Two</li></ul>

Ein Bild und ein nicht geschlossenes Tag

Eingabe: [img]https://example.com/cat.png[/img] [b]unclosed

Ausgabe: <img src="https://example.com/cat.png" /> <strong>unclosed</strong>

Nicht geschlossene Tags werden automatisch geschlossen: Ein vergessenes [/b] macht also nicht den Rest der Seite fett.

Besonderheit bei der Schriftgröße

Eingabe: [size=20]big[/size]

Ausgabe: <span style="font-size: 20%">big</span>

Ersetzen Sie im Ergebnis 20% durch eine Größe wie 1.25em oder 20px.

Typische Anwendungen

  • Forenbeiträge und Anleitungen in einen Blog oder eine Wissensdatenbank übertragen.
  • Forensignaturen oder Ankündigungen auf einer Website wiederverwenden.
  • Anleitungen aus Gaming-Communities in Webseiten umwandeln.
  • Die HTML-Darstellung von BBCode-Inhalten vorab ansehen.
  • Regeln und FAQs alter Foren in Webseiten verwandeln.

Tipps und Wissenswertes

  • Jedes Forum akzeptiert leicht unterschiedliche Tags. Eigene Tags werden eventuell nicht umgewandelt und müssen von Hand nachbearbeitet werden.
  • Prüfen Sie Bildlinks nach der Umwandlung; Bildhoster alter Foren verschwinden oft.
  • Bereinigen Sie das Ergebnis weiter mit dem HTML-Minifier oder entfernen Sie alle Formatierungen mit dem HTML-Tag-Entferner.
  • Schreiben Sie neue Inhalte? Markdown in HTML ist eine modernere Alternative.

Sonderfälle und Grenzen

  • [size=20] wird zu font-size: 20%, was winzig ist. Foren behandeln Größen meist in Pixeln oder Punkten: Passen Sie sie im Ergebnis an.
  • Alles HTML, das schon in der Eingabe steht, wird vor der Umwandlung entfernt: Mischen Sie BBCode und HTML, geht der HTML-Teil verloren.
  • [spoiler] wird zu einem div mit der Klasse spoiler. Es wird erst ausgeblendet, wenn das CSS Ihrer Website diese Klasse gestaltet.
  • [u] wird zu einem unterstrichenen span, [s] zu del, [code] zu pre und code und [center] zu einem zentrierten div.

Häufige Fragen

Was ist BBCode?

Eine schlanke Auszeichnungssprache mit Tags in eckigen Klammern, die vor allem in Internetforen genutzt wird.

Ist BBCode dasselbe wie HTML?

Nein. BBCode ist eine begrenzte, sicherere Auszeichnung, die Foren zur Anzeige von Beiträgen in HTML umwandeln.

Welche BBCode-Tags werden unterstützt?

Gängige Tags wie [b], [i], [u], [s], [url], [img], [quote], [code], [list] und [color] werden weitgehend unterstützt.

Kann ich HTML zurück in BBCode umwandeln?

Dieses Tool wandelt nur BBCode in HTML um.

Ist das HTML-Ergebnis sicher zu veröffentlichen?

HTML in der Eingabe wird vor der Umwandlung entfernt, was die meisten Risiken ausschließt. Prüfen Sie trotzdem Links und Bildquellen alter Beiträge vor dem Veröffentlichen.

Werden [code]-Blöcke unterstützt?

Ja. [code] wird zu einem pre- und code-Block, der Leerzeichen und Zeilenumbrüche erhält.

Ähnliche Tools

Teilen

Beliebte kostenlose Tools