許虎虎 開發者工具集
BBCode 轉 HTML

將 BBCode 轉換為 HTML 是將簡單的 BBCode 格式轉換為標準的 HTML 代碼。BBCode 是一種用於論壇和留言板等平台的簡單標記語言,它的語法比 HTML 更簡單,通常用來進行基本的文本格式化。BBCode 可以被轉換為 HTML 來顯示富文本內容。

BBCode 示例:
bbcode

[b]Bold Text[/b]
[i]Italic Text[/i]
[url=https://example.com]Click Here[/url]
[img]https://example.com/image.jpg[/img]
[list]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
轉換後的 HTML:
html

<strong>Bold Text</strong>
<em>Italic Text</em>
<a href="https://example.com">Click Here</a>
<img src="https://example.com/image.jpg" alt="Image">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
轉換規則:
粗體文本([b]):

[b]Bold Text[/b] 轉換為 <strong>Bold Text</strong>。
也可以使用 <b> 標籤,根據平台支持程度。
斜體文本([i]):

[i]Italic Text[/i] 轉換為 <em>Italic Text</em>。
也可以使用 <i> 標籤,根據平台支持程度。
鏈接([url]):

[url=https://example.com]Click Here[/url] 轉換為 <a href="https://example.com">Click Here</a>。
圖片([img]):

[img]https://example.com/image.jpg[/img] 轉換為 <img src="https://example.com/image.jpg" alt="Image">。
列表([list] 和 [li]):

[list] [*]Item 1 [*]Item 2 [*]Item 3 [/list] 轉換為:
html

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
有序列表([list=1]):

[list=1] [*]First Item [*]Second Item [/list] 轉換為:
html

<ol>
<li>First Item</li>
<li>Second Item</li>
</ol>
更多 BBCode 轉換規則:
加鏈接的圖片:[url=https://example.com][img]https://example.com/image.jpg[/img][/url] 轉換為:

html

<a href="https://example.com"><img src="https://example.com/image.jpg" alt="Image"></a>
顏色:[color=red]Text[/color] 轉換為:

html

<span style="color:red;">Text</span>
大小:[size=20]Text[/size] 轉換為:

html

<span style="font-size:20px;">Text</span>