HTML 转 BBCode 是将 HTML 标记语言转换为 BBCode 格式的过程。BBCode 是一种常用于论坛、博客和其他文本编辑器的标记语言。它类似于 HTML，但语法更简单，主要用于富文本编辑和格式化。BBCode 主要使用 [] 括号来定义标记，而不是 HTML 中的尖括号。
1. HTML 转 BBCode 示例
假设你有以下 HTML 内容：
html
<h1>Welcome to My Website</h1>
<p>This is a <strong>bold</strong> paragraph with <em>italic</em> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
转换为 BBCode 后，应该是这样的：
bbcode
[h1]Welcome to My Website[/h1]
[p]This is a [b]bold[/b] paragraph with [i]italic[/i] text.[/p]
[list]
[*]Item 1
[*]Item 2
[*]Item 3
[/list]
2. BBCode 转换规则
下面是一些常见的 HTML 标签与其对应的 BBCode 标记。
常见 HTML 标签与 BBCode 对应表
HTML 标签 BBCode 格式 说明
<h1>, <h2>, <h3> [h1]...[/h1], [h2]...[/h2], [h3]...[/h3] 标题
<b> [b]...[/b] 粗体
<i> [i]...[/i] 斜体
<u> [u]...[/u] 下划线
<strong> [b]...[/b] 粗体（加重语气）
<em> [i]...[/i] 斜体（强调）
<ul>, <ol> [list]...[/list] 列表
<li> [*]... 列表项
<a href="url"> [url=...]...[/url] 链接
<img src="url"> [img]url[/img] 图片
<br> [br] 换行符
<blockquote> [quote]...[/quote] 引用
<code> [code]...[/code] 代码块
HTML 转 BBCode 常见标签转换
<h1>, <h2>, <h3> → [h1], [h2], [h3] 等
<b> → [b]
<i> → [i]
<u> → [u]
<strong> → [b]
<em> → [i]
<ul>, <ol> → [list]
<li> → [*]
<a href="URL"> → [url=URL]
<img src="URL"> → [img]URL[/img]
<br> → [br]
3. 如何将 HTML 转换为 BBCode
你可以手动将 HTML 转换为 BBCode，也可以使用一些工具和脚本来自动化这个过程。下面是一些常见的 HTML 到 BBCode 的转换规则：
HTML 到 BBCode 的手动转换
标题：HTML 中的 <h1>, <h2>, <h3> 标签对应 BBCode 中的 [h1], [h2], [h3] 等。
粗体和斜体：HTML 中的 <b> 和 <i> 标签分别转为 BBCode 中的 [b] 和 [i]。
链接：HTML 中的 <a href="url"> 转为 [url=url]。
列表：HTML 中的 <ul>, <ol> 转为 [list]，而 <li> 转为 [*]。
图片：HTML 中的 <img src="url"> 转为 [img]url[/img]。