wszystkie narzędzia

BBCode na HTML

Zamień znaczniki BBCode, takie jak [b], [i], [url], [img] i [quote], na czysty HTML. Przenieś posty z forum na stronę lub bloga. Darmowy konwerter BBCode.

Zamień BBCode z forum na HTML

BBCode (Bulletin Board Code) to znaczniki w nawiasach kwadratowych używane na forach takich jak phpBB, vBulletin, MyBB i w wielu społecznościach graczy: [b]pogrubienie[/b], [i]kursywa[/i], [url=https://example.com]link[/url], [img]...[/img], [quote]...[/quote] i [list]. Są proste i bezpieczne dla forów, ale strony internetowe potrzebują HTML.

Wklej BBCode, a konwerter zwróci odpowiadający mu HTML, więc [b]Hello[/b] stanie się <strong>Hello</strong> (lub <b>), gotowe do bloga, CMS lub newslettera.

Szczególnie przydaje się przy przenoszeniu starych treści z forum, poradników lub podpisów na nowoczesną stronę.

Jak zamienić BBCode na HTML

  1. Wklej tekst w BBCode.
  2. Wyślij, aby przekonwertować.
  3. Skopiuj wynikowy HTML.
  4. Wklej go w widoku HTML lub kodu w swoim CMS.

Przykłady

Pogrubienie, kursywa i link

Dane wejściowe: [b]Bold[/b] and [i]italic[/i] [url=https://mybotsy.com]My Botsy[/url]

Wynik:

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

Cytaty i kolory

Dane wejściowe: [quote]Hello[/quote] [color=red]red[/color]

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

Lista

Dane wejściowe: [list][*]One[*]Two[/list]

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

Obraz i niezamknięty znacznik

Dane wejściowe: [img]https://example.com/cat.png[/img] [b]unclosed

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

Niezamknięte znaczniki są zamykane za Ciebie, więc zapomniane [/b] nie pogrubi reszty strony.

Osobliwość rozmiaru czcionki

Dane wejściowe: [size=20]big[/size]

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

W wyniku zmień 20% na rozmiar typu 1.25em lub 20px.

Typowe zastosowania

  • Przenoszenie postów i poradników z forum na bloga lub do bazy wiedzy.
  • Ponowne wykorzystanie podpisów lub ogłoszeń z forum na stronie.
  • Zamiana poradników społeczności graczy na strony internetowe.
  • Podgląd, jak treść w BBCode będzie wyglądać jako HTML.
  • Zamiana starych regulaminów i FAQ z forum na strony internetowe.

Wskazówki i ważne informacje

  • Różne fora obsługują nieco inne znaczniki. Niestandardowe znaczniki mogą się nie przekonwertować i wymagać ręcznych poprawek.
  • Po konwersji sprawdź linki do obrazów; stare hostingi obrazków z forów często znikają.
  • Dalej oczyść wynik kompresją HTML lub całkowicie usuń formatowanie usuwaniem znaczników HTML.
  • Piszesz nowe treści? Markdown na HTML to nowocześniejsza alternatywa.

Przypadki szczególne i ograniczenia

  • [size=20] staje się font-size: 20%, czyli maleńkim tekstem. Fora często traktują rozmiary jako piksele lub punkty, więc popraw je w wyniku.
  • Każdy HTML obecny już w danych wejściowych jest usuwany przed konwersją, więc mieszanka BBCode i HTML traci część HTML.
  • [spoiler] staje się elementem div z klasą spoiler. Nie jest ukryty, dopóki CSS Twojej strony nie nada stylu tej klasie.
  • [u] staje się elementem span z podkreśleniem, [s] staje się del, [code] staje się pre i code, a [center] staje się wyśrodkowanym div.

Najczęściej zadawane pytania

Co to jest BBCode?

Lekki język znaczników w nawiasach kwadratowych, używany głównie na forach internetowych.

Czy BBCode to to samo co HTML?

Nie. BBCode to ograniczony, bezpieczniejszy język znaczników, który fora zamieniają na HTML przy wyświetlaniu postów.

Jakie znaczniki BBCode są obsługiwane?

Szeroko obsługiwane są popularne znaczniki, takie jak [b], [i], [u], [s], [url], [img], [quote], [code], [list] i [color].

Czy mogę zamienić HTML z powrotem na BBCode?

To narzędzie zamienia tylko BBCode na HTML.

Czy wynikowy HTML można bezpiecznie opublikować?

HTML z danych wejściowych jest usuwany przed konwersją, co eliminuje większość zagrożeń. Mimo to przed publikacją sprawdź linki i źródła obrazów ze starych postów.

Czy obsługuje bloki [code]?

Tak. [code] staje się blokiem pre i code, który zachowuje odstępy i znaki nowego wiersza.

Powiązane narzędzia

Udostępnij

Popularne darmowe narzędzia