ThinkPHP HTML标签代码和UBB互相转换

1.UBB 转为 HTML

TP的扩展里面自带一个ubb方法，用这个方法就能把用户输入的ubb格式代码转换为HTML标签的代码。这里用到的基本知识就是正则表达式啦，今天先不讲正则表达式。

来看一下TP自带的方法，这个类的位置在：\ThinkPHP\Extend\Function\extend.php  ，ubb方法全部代码如下：

 function ubb($Text) {
   $Text=trim($Text);
   //$Text=htmlspecialchars($Text);
   $Text=preg_replace("/\\t/is","  ",$Text);
   $Text=preg_replace("/\[h1\](.+?)\[\/h1\]/is","<h1>\\1</h1>",$Text);
   $Text=preg_replace("/\[h2\](.+?)\[\/h2\]/is","<h2>\\1</h2>",$Text);
   $Text=preg_replace("/\[h3\](.+?)\[\/h3\]/is","<h3>\\1</h3>",$Text);
   $Text=preg_replace("/\[h4\](.+?)\[\/h4\]/is","<h4>\\1</h4>",$Text);
   $Text=preg_replace("/\[h5\](.+?)\[\/h5\]/is","<h5>\\1</h5>",$Text);
   $Text=preg_replace("/\[h6\](.+?)\[\/h6\]/is","<h6>\\1</h6>",$Text);
   $Text=preg_replace("/\[separator\]/is","",$Text);
   $Text=preg_replace("/\[center\](.+?)\[\/center\]/is","<center>\\1</center>",$Text);
   $Text=preg_replace("/\[url=http:\/\/([^\[]*)\](.+?)\[\/url\]/is","<a href=\"http://\\1\" target=_blank>\\2</a>",$Text);
   $Text=preg_replace("/\[url=([^\[]*)\](.+?)\[\/url\]/is","<a href=\"http://\\1\" target=_blank>\\2</a>",$Text);
   $Text=preg_replace("/\[url\]http:\/\/([^\[]*)\[\/url\]/is","<a href=\"http://\\1\" target=_blank>\\1</a>",$Text);
   $Text=preg_replace("/\[url\]([^\[]*)\[\/url\]/is","<a href=\"\\1\" target=_blank>\\1</a>",$Text);
   $Text=preg_replace("/\[img\](.+?)\[\/img\]/is","<img src=\\1 />",$Text);
   $Text=preg_replace("/\[color=(.+?)\](.+?)\[\/color\]/is","<font color=\\1>\\2</font>",$Text);
   $Text=preg_replace("/\[size=(.+?)\](.+?)\[\/size\]/is","<font size=\\1>\\2</font>",$Text);
   $Text=preg_replace("/\[sup\](.+?)\[\/sup\]/is","<sup>\\1</sup>",$Text);
   $Text=preg_replace("/\[sub\](.+?)\[\/sub\]/is","<sub>\\1</sub>",$Text);
   $Text=preg_replace("/\[pre\](.+?)\[\/pre\]/is","<pre>\\1</pre>",$Text);
   $Text=preg_replace("/\[email\](.+?)\[\/email\]/is","<a href='mailto:\\1'>\\1</a>",$Text);
   $Text=preg_replace("/\[colorTxt\](.+?)\[\/colorTxt\]/eis","color_txt('\\1')",$Text);
   $Text=preg_replace("/\[emot\](.+?)\[\/emot\]/eis","emot('\\1')",$Text);
   $Text=preg_replace("/\[i\](.+?)\[\/i\]/is","<i>\\1</i>",$Text);
   $Text=preg_replace("/\[u\](.+?)\[\/u\]/is","<u>\\1</u>",$Text);
   $Text=preg_replace("/\[b\](.+?)\[\/b\]/is","<b>\\1</b>",$Text);
   $Text=preg_replace("/\[quote\](.+?)\[\/quote\]/is"," <div class='quote'><h5>引用:</h5><blockquote>\\1</blockquote></div>", $Text);
   $Text=preg_replace("/\[code\](.+?)\[\/code\]/eis","highlight_code('\\1')", $Text);
   $Text=preg_replace("/\[php\](.+?)\[\/php\]/eis","highlight_code('\\1')", $Text);
   $Text=preg_replace("/\[sig\](.+?)\[\/sig\]/is","<div class='sign'>\\1</div>", $Text);
   $Text=preg_replace("/\\n/is","<br/>",$Text);
   return $Text;
 }

功能就是将含有ubb代码的字符串里面的ubb代码转换成HTML标签代码，返回转换完的字符串。

可能因为我比较菜鸟，所以对有一个小的细节有点在意，在这里提醒所有和我一样的菜鸟们一下，就是在ThinkPHP里，有一个叫做“模式修饰符”的概念，就是

$Text=preg_replace("/\[php\](.+?)\[\/php\]/eis","highlight_code('\\1')", $Text);

红色标注的部分，详细内容见：模式修饰符

所以在Thinkphp后台用preg_replace(pattern, replacement, subject)方法进行正则替换的时候需要注意了，参数pattern里面需要用“/ /”把正则和模式修饰符分开，模式修饰符在后一个“/”右面。两个"/"中间的才是真正的正则表达式。

2.HTML 转为 UBB

由于网站使用UBB代码是为了提高安全性，同时UBB代码写完以后只供浏览，很少会写到把HTML重新转换为UBB，即使有，见到的更多的也是js代码，下面我分享一个我在网上找到的方法，基本可行。

当然如果用PHP写在后台也完全是可以的，鉴于我的正则表达式还没有熟练，这里就先给出js版本的。

     function htmltoubb(str){
         str = str.replace(/<br[^>]*>/ig,'\n');
         str = str.replace(/<p[^>\/]*\/>/ig,'\n');
         str = str.replace(/\son[\w]{3,16}\s?=\s*([\'\"]).+?\1/ig,'');
         str = str.replace(/<hr[^>]*>/ig,'[hr]');
         str = str.replace(/<(sub|sup|u|strike|b|i|pre)>/ig,'[$1]');
         str = str.replace(/<\/(sub|sup|u|strike|b|i|pre)>/ig,'[/$1]');
         str = str.replace(/<(\/)?b>/ig,'[$1b]');
         str = str.replace(/<(\/)?em>/ig,'[$1i]');
         str = str.replace(/<(\/)?blockquote([^>]*)>/ig,'[$1blockquote]');
         str = str.replace(/<img[^>]*smile=\"(\d+)\"[^>]*>/ig,'[s:$1]');
         str = str.replace(/<img[^>]*src=[\'\"\s]*([^\s\'\"]+)[^>]*>/ig,'[img]'+'$1'+'[/img]');

         str = str.replace(/<a[^>]*href=[\'\"\s]*([^\s\'\"]*)[^>]*>(.+?)<\/a>/ig,'[url]'+'$1'+'[/url]');
         str = str.replace(/<h([1-6])+>(.+?)<\/h\1>/ig,'[h$1]'+'$2'+'[/h$1]');
         str = str.replace(/<[^>]*?>/ig, '');
         str = str.replace(/&amp;/ig, '&');
         str = str.replace(/&lt;/ig, '<');
         str = str.replace(/&gt;/ig, '>');
     }

这个的用法就是传入含有HTML标签代码的字符串，方法处理HTML标签转为UBB代码，返回转换后的字符串。

由于UBB代码是有限的，在各大网站使用的都不相同，所以对应的转换方法里面包含的也不相同，如果有没写到的，自己琢磨一下吧。

其实将HTML代码转换为UBB我个人觉得是没有太大必要的，数据完全可以从用户输入的UBB代码直接保存到数据库，需要显示出来的时候拿出来转换成HTML就可以了，这样即使涉及到编辑功能也完全可以HOLD住。不用先把UBB转成HTML存入数据库供前台查阅，然后编辑的时候再从HTML转成UBB让用户继续编辑。

我之所以要写HTML转成UBB的类是想看看能不能行的通，为此还专门学了一遍正则表达式，关于正则表达式下次再说吧。