UBB与HTML在线转换

APP说明

所谓UBB代码，是指论坛中的替代HTML代码的安全代码。

这种代码使用正则表达式来进行匹配，不同的论坛所使用的UBB代码很可能不同，
不能一概而论。UBB代码的出现，使得论坛可以使用类似HTML的标签来增加文字的属性，
同时又不用害怕HTML代码中所夹带的不良信息！

UBB并没有明确的标准，现在网络上的UBB种类繁多，语法不一。

UBB 标记是您可能已经熟悉的 HTML标记的一种变种。
基本上，它允许您在文章中添加本来需要 HTML 标记的功能或风格。
即使您所在的讨论区不允许使用 HTML 标记，UBB 标记仍然可以使用。
因为比 HTML 要求更少的编码技术，您也许更愿意使用 UBB 标记，
即便讨论区允许使用 HTML 标记。

您不能在一个功能中混合使用 HTML 和 UBB 标记。
同时 UBB 标记是大小写无关的 (因而，你可以使用大写或小写)。

HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，
可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，
对书写出错的标记将不指出其错误，且不停止其解释执行过程，
编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，
因而可能会有不同的显示效果。

使用示例

1.输入待转换代码

界面主要分为上下两个大型文本输入区域：

上方区域（UBB）：用于处理UBB格式的代码。可以在此区域输入标准的UBB标签，
例如当前界面预置的加粗标签 [b]this is a example[/b] 。

下方区域（HTML）：用于处理HTML格式的代码。可以在此区域输入标准的HTML标签，
例如当前界面预置的加粗标签 <b>this is a example</b> 。

2.执行格式转换

在任一个文本框中输入或修改代码后，点击两个输入区域中间对应的转换按钮，
即可完成单向的格式互换：

转换为HTML：在上方“UBB”区域输入内容后，点击蓝色的“HTML”按钮，
系统将自动解析UBB标签，并在下方“HTML”区域输出对应的HTML代码。

转换为UBB：在下方“HTML”区域输入内容后，点击蓝色的“UBB”按钮，
系统将自动解析HTML标签，并在上方“UBB”区域输出对应的UBB代码。

3.实时预览效果

为了方便确认转换后的文本显示效果，避免在不同平台发布后出现排版错误，
工具提供了实时预览功能：

在完成代码转换后（或直接在任一文本框中输入内容时），点击中间的“实时预览”按钮。

系统会自动在页面其他区域（通常在输入框附近或弹窗中）渲染出转换后代码的视觉效果。
例如，无论是原生的UBB标签还是转换生成的HTML标签，
预览时都会显示为加粗的 “this is a example” ，从而直观地确认转换的准确性。