將 HTML 轉換為 BBCode 是將標準的 HTML 代碼轉換為 BBCode 格式的過程。BBCode(Bulletin Board Code)是一種簡單的標記語言,常用於論壇、留言板等系統中,用於格式化文本。
BBCode 的語法與 HTML 類似,但語法更加簡單,並且支持有限的格式化功能。BBCode 使用的是方括號來表示標籤,而不是 HTML 的尖括號。
HTML 示例:
html
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a <strong>bold</strong> paragraph with a <em>italic</em> word and a <a href="https://example.com">link</a>.</p>
</body>
</html>
轉換後的 BBCode:
bbcode
[html]
[head]
[title]My Web Page[/title]
[/head]
[body]
[h1]Welcome to My Website[/h1]
[p]This is a [b]bold[/b] paragraph with a [i]italic[/i] word and a [url=https://example.com]link[/url].[/p]
[/body]
[/html]
轉換規則:
標題:
<h1>, <h2>, 等 HTML 標籤轉換為 [size=xx-large], [size=x-large],等 BBCode 標籤(具體取決於論壇的支持程度)。
在一些情況下,可以簡單地使用 [b]、[i]、[u] 等 BBCode 標籤來表示不同的格式化效果。
例如: <h1> 對應 [b],<i> 對應 [i]。
段落:<p> 轉換為 BBCode 的 [p] 標籤,或省略。
html
<p>Text</p> → [p]Text[/p]
粗體文本 (<strong> 或 <b>):轉換為 [b]。
html
<strong>Bold Text</strong> → [b]Bold Text[/b]
斜體文本 (<em> 或 <i>):轉換為 [i]。
html
<em>Italic Text</em> → [i]Italic Text[/i]
鏈接 (<a href="URL">):轉換為 [url=URL]。
html
<a href="https://example.com">Click Here</a> → [url=https://example.com]Click Here[/url]
圖片 (<img src="image_url" alt="description">):轉換為 [img]。
html
<img src="image.jpg" alt="Example Image"> → [img]image.jpg[/img]
更多 BBCode 範例:
圖片:
html
<img src="https://example.com/image.jpg" alt="Example Image">
→ [img]https://example.com/image.jpg[/img]
鏈接:
html
<a href="https://example.com">Visit Example</a>
→ [url=https://example.com]Visit Example[/url]
列表:
html
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
→ [list][*]Item 1[*]Item 2[*]Item 3[/list]
有序列表:
html
<ol>
<li>First Item</li>
<li>Second Item</li>
</ol>
→ [list=1][*]First Item[*]Second Item[/list]