Softonic

Konverterare från HTML till BBCode

Steg 1 / 3

Klistra in ett kodavsnitt, innehållet i ett mejl eller en hel sida, upp till 500 000 tecken.

Nästa: välj ditt forum

phpBB, vBulletin, Invision Board och äldre MyBB-installationer tillåter fortfarande inte HTML i inlägg men accepterar BBCode, de klammermarkerade taggarna [b], [url] och [img] som togs fram för Ultimate Bulletin Board år 1998. Klistra in HTML här, så skriver den här omvandlaren om varje tagg som stöds till motsvarande BBCode och bevarar formateringen intakt inför återpublicering på ett forum eller export till arkiv.

Så här konverterar du HTML till BBCode

  1. 1

    Klistra in HTML

    Ett utdrag, ett blogginlägg eller en hel sida kopierad som HTML, upp till 500 000 tecken.

  2. 2

    Välj forum

    phpBB, XenForo, vBulletin, MyBB, SMF eller Steam, eller de vanliga taggar som de flesta forum accepterar.

  3. 3

    Granska resultatet

    Taggar som saknar motsvarighet i BBCode tas bort och deras text behålls. En notering under resultatet listar allt som forumet inte kan visa.

  4. 4

    Kopiera BBCode

    Klistra in i forumets redigerare i läget för vanlig text.

Mappning av HTML till BBCode-taggar

Omvandlaren läser din HTML på samma sätt som en webbläsare, element för element, och skriver de taggar som det valda forumet förstår. En notering under resultatet listar allt som forumet inte kan visa.

Tagg för tagg

HTML BBCode
<b>, <strong>, fetstil [b]...[/b]
<i>, <em>, kursiv text [i]...[/i]
<u>, understruken text [u]...[/u]
<s>, <del>, genomstruken text [s]...[/s], eller [strike]...[/strike] på Steam
<a> med en webbadress [url=https://example.com]...[/url]
<a> med en e-postadress [email]...[/email]
<img> [img]https://example.com/photo.jpg[/img]
<blockquote> [quote]...[/quote]
<pre> [code]...[/code]
<ul>, <ol> och <li> [list], [list=1] och [*]
<h1> till <h6> fetstil, med forumets storleks- eller rubriktagg om det har en
Textfärg [color=#cc0000]...[/color]
Textstorlek [size=...]...[/size], i forumets egen skala
Centrerad eller högerjusterad text [center]...[/center] eller [align=center]...[/align]
<table> [table], [tr], [th] och [td] om forumet har dem, annars en textrad per tabellrad
YouTube-<iframe> forumets videotagg eller en länk
<p>, <div>, <br> en tom rad eller en radbrytning

Så skiljer sig forumen åt

  • phpBB: storlekar anges i procent, till exempel [size=150], upp till [size=200]. Numrerade listor kan vara [list=1], [list=a] eller [list=i]. Det finns inga taggar för genomstrykning, justering eller tabeller.
  • XenForo: taggar med versaler, [HEADING=1] till [HEADING=3], [SIZE=1] till [SIZE=7], [ICODE] för kod mitt i en mening, [TABLE] och [MEDIA=youtube].
  • vBulletin: [center], [left] och [right] för justering, och storlekar från [size=1] till [size=7]. Det finns inga taggar för genomstrykning eller tabeller.
  • MyBB: [align=center], storlekar från [size=xx-small] till [size=xx-large], [hr] och [video=youtube].
  • SMF: storlekar i em, till exempel [size=1.5em], [list type=decimal] med [li]-punkter, [table], [sub], [sup], [hr] och [youtube].
  • Steam: [h1] till [h3], [olist] för numrerade listor, [strike] och [table]. Steam saknar taggar för bilder, färger, storlekar och e-post, så bilder blir länkar och e-postadresser skrivs ut.
  • De flesta forum (vanliga taggar): fetstil, kursiv, understrykning, färg, länkar, e-post, bilder, citat, kod och listor, som nästan alla forum accepterar.

Det här tas inte med

  • Skript, stilar, formulärfält, dolda element, kommentarer, SVG-grafik och MathML-formler.
  • Typsnitt, bakgrunder och avstånd.
  • Nästan svarta och nästan vita textfärger, så att ditt inlägg följer forumets ljusa eller mörka tema.
  • Storlekar i pixlar eller punkter, så att forumets vanliga textstorlek gäller.
  • Bilder som är lagrade i själva HTML-koden (en data:image-adress). Ladda först upp dem till en bildtjänst.
  • Relativa adresser som images/photo.jpg behålls men markeras i en notering: byt ut dem mot fullständiga adresser som https://example.com/images/photo.jpg.

Tips

  • Välj forumet du skriver i: dess egna taggar ger det mest träffsäkra resultatet.
  • Prova en kort del i forumets förhandsgranskning innan du publicerar en lång text.
  • Om forumets redigerare har ett BBCode- eller källkodsläge, byt till det innan du klistrar in.

Vanliga frågor

BBCode har ett litet ordförråd jämfört med HTML. Taggar som <div>, <section> eller <details> saknar motsvarighet i BBCode. Omvandlaren tar bort dem och behåller deras text. Allt som det valda forumet inte kan visa, till exempel en tabell i phpBB eller en bild på Steam, listas i en notering under resultatet.

Delvis. Fetstil, kursiv, understrykning, genomstrykning, textfärg, textstorlek och justering som anges med inline-stilar omvandlas när det valda forumet har en tagg för dem. Typsnitt, bakgrunder och avstånd tas bort och texten behålls. Nästan svarta och nästan vita textfärger tas inte med, så att ditt inlägg följer forumets tema, och storlekar i pixlar eller punkter tas inte med, så att forumets vanliga storlek gäller.

Ja. <b><i>text</i></b> blir [b][i]text[/i][/b], och en bild i en länk blir [url=https://example.com][img]https://example.com/photo.jpg[/img][/url]. Fetstil inuti fetstil skrivs som en enda [b]-tagg, eftersom vissa forum parar ihop upprepade taggar fel.

Inte i det här verktyget, använd konverteraren BBCode till HTML för omvänd riktning. Att konvertera fram och tillbaka är förlustbringande eftersom HTML har långt fler taggar än BBCode.

Det du ska skriva i: phpBB, XenForo, vBulletin, MyBB, SMF (Simple Machines Forum) eller Steam. Varje forum accepterar en något annorlunda uppsättning taggar, till exempel [s] eller [strike] för genomstrykning och [size=150] eller [SIZE=5] för storlek. Om ditt forum inte finns i listan väljer du ”De flesta forum (vanliga taggar)”: det alternativet använder bara taggar som nästan alla forum accepterar. Du kan byta forum vid resultatet utan att klistra in igen.

Nej. HTML-koden du klistrar in stannar i din webbläsare. Den omvandlas där och skickas inte till våra servrar och läggs inte heller till i sidans länk. För att du ska kunna gå mellan stegen sparar den här webbläsarfliken koden tills du stänger fliken eller klickar på ”Börja om från början”.

Relaterade verktyg

Webpack-konfigurationsgenerator

Skapa en webpack.config.js för webpack 5 med vanlig JavaScript, React eller Vue: TypeScript, Babel, CSS eller Sass, bilder, HtmlWebpackPlugin, en utvecklingsserver och raden för npm install.

Generator för platshållarbilder

Skapa en bild på 1–4000 px med egna färger och text, ladda ned PNG eller kopiera webbadress och HTML.

Protocol Buffers-avkodare

Avkoda Protobuf-byte lokalt från hex, Base64, Base64URL, text eller fil, granska fälttolkningar och exportera en privat rapport.

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

SVG-våggenerator

Generera en mjuk SVG-vågavdelare för rubriker och sidfötter med justerbar amplitud, frekvens, färg och position upptill eller nedtill. Kopiera SVG-koden.

tsconfig.json-generator

Bygg en ren tsconfig.json genom att välja target, module, moduleResolution, JSX och de vanliga strict-flaggorna, och kopiera sedan den genererade configen till ditt projekt.

Verktyget finns på andra språk