PHP+Tidy－完美的XHTML纠错+过滤
蒯卓君
找了好久，其它地方都很混乱，这里算稍微有点格式，但感觉都不是原作者的帖子，就不展示原文地址了，直接粘贴内容：
PHP+Tidy－完美的XHTML纠错+过滤
输入和输出
输入和输出应该说是很多网站的基本功能.用户输入数据 手机网页制作,网站输出数据供其他人浏览.
拿目前流行的Blog为例,手机网页制作这里的输入输出就是作者编辑文章后生成博客文章页面供他人阅读.
这里有一个问题,html前端制作即用户输入通常是不受控制的,网页切图制作它可能包含不正确的格式亦或者含有有安全隐患的代码；而最终网站输出的内容却必须是正确的HTML代码.这就需要对用户输入的内容进行纠错和过滤.
永远不要相信用户的输入
你可能会说：现在到处都是所见即所得的编辑器(WYSIWYG),承接网页前端外包FCKeditor、TinyMCE...你可能会举出一大堆.是的 div前端切图,它们都可以自动生成标准的XHTML代码,网页html切图排版但是作为web开发人员,wap前端切图你肯定听过"永远不要相信用户递交的数据".
因此对用户输入数据进行纠错和过滤是必需的.
需要更好的纠错和过滤
目前为止我还没见过有让我满意的相关实现,html切图报价能接触到的通常都是效率低下、效果不太理想,psd切图html有这样那样的明显缺陷.举个比较知名的例子：WordPress是一种使用非常广泛的blog系统 手机网页制作,操作简单功能强大且有丰富的插件支持,手机网页制作但是它集成的TinyMCE和后台一堆有些自作聪明的纠错过滤代码却令人相当头痛 手机页面切图排版,对半角字符的强制替换,手机页面切图排版过于保守的替换规则等等.....导致像贴一段代码让它正确显示这种需求都很难做到.
这里顺便抱怨一下 手机网页外包,这个blog是用WordPress架的,div+css+js切图为了让这几篇文章能正确显示代码 wap前端切图,网上搜了很多也试用了一些插件,wap前端切图最终还是翻了它的代码把一些过滤规则注释掉才勉强可以显示得体面一点 -.-b
当然 手机div+css,我不想过多的指责它(wordpress),手机div+css只是想说明它还可以做的更好.
Tidy是什么 手机网页制作,它如何工作？
摘自Tidy ManPage的说明这样描述:
Tidy reads HTML,web外包 XHTML and XML files and writes cleaned up markup. For HTML variants 手机页面切图排版, it detects and corrects many common coding errors and strives to produce visually equivalent markup that is both W3C compliant and works on most browsers. A common use of Tidy is to convert plain HTML to XHTML. For generic XML files,手机页面切图排版 Tidy is limited to correcting basic well-formedness errors and pretty printing.
简单说Tidy是清理HTML代码的 手机网页外包,生成干净的符合W3C标准的HTML代码,网页重构报价支持HTML wap前端切图,XHTML,承接网站前端XML.Tidy提供一个库TidyLib 手机div+css,以方便在其他应用中利用Tidy的强大功能.非常幸运,手机div+cssPHP有相应的tidy模块可以使用.
老兄 手机网页制作,为什么又是PHP?
呃,手机网页制作这个问题... 惭愧 手机页面切图排版,因为我只会那么点PHP而已 -.-v
不过还好,网页切图制作我这里讲的都不是纯粹的代码 手机网页外包,好歹也有些分析的过程,网页重构报价分享这些东西比贴代码有用多了.
PHP中使用Tidy
要在PHP中使用Tidy需要安装Tidy模块 wap前端切图,也就是加载tidy.so这个PHP extension,wap前端切图具体过程就略了 手机div+css,纯粹是体力活.最后能在phpinfo()中看到"Tidy support enabled" 就OK.
在这个模块的支持下,psd切图htmlPHP中就可以使用Tidy提供的几乎所有的功能.常用的HTML清理是异常轻松的事情 手机网页制作,甚至可以生成文档的解析树,手机网页制作像在客户端操作DOM那样的操作HTML的各个Node.下面将会有具体的代码说明 手机页面切图排版,也可以看看PHP官方的相关手册.
纠错和过滤的PHP+Tidy实现
上面说了这么多背景素材,手机页面切图排版似乎太罗唆了 手机网页外包,具体的解决问题的代码才最最直接.
1. 简单的纠错实现
function HtmlFix($html)
{
if(!function_exists('tidy_repair_string'))
return $html;
//use tidy to repair html code
//repair
$str = tidy_repair_string($html,div+css+js切图
array('output-xhtml'=>true) wap前端切图,
'utf8');
//parse
$str = tidy_parse_string($str,wap前端切图
array('output-xhtml'=>true) 手机div+css,
'utf8');
$s = '';
$nodes = @tidy_get_body($str)->child;
if(!is_array($nodes)){
$returnVal = 0;
return $s;
}
foreach($nodes as $n){
$s .= $n->value;
}
return $s;
}
上面的代码就是对可能不规范的XHTML代码进行清理纠错,手机div+css输出标准的XHTML代码（输入输出都是UTF-8编码）.实现代码不是最精简的 手机网页制作,因为为了配合下面的过滤功能,web外包我写的尽可能细致了一些.
2. 高级实现: 纠错+过滤
功能：
XHTML的纠错 手机页面切图排版,输出标准的XHTML代码.
过滤不安全的代码但是不影响内容展示,手机页面切图排版只是对style/javascript中不安全代码进行清除.
对超长字符串插入<wbr>标记以实现浏览器兼容的自动换行功能 手机网页外包,相关文章可参考网页中超长文字的断行问题.
function HtmlFixSafe($html)
{
if(!function_exists('tidy_repair_string'))
return $html;
//use tidy to repair html code
// tidy 的参数设定
$conf = array(
'output-xhtml'=>true
,网页重构报价'drop-empty-paras'=>FALSE
wap前端切图,'join-classes'=>TRUE
,承接网站前端'show-body-only'=>TRUE
);
//repair
$str = tidy_repair_string($html 手机div+css,$conf,手机div+css'utf8');
//生成解析树
$str = tidy_parse_string($str 手机网页制作,$conf,手机网页制作'utf8');
$s ='';
//得到body节点
$body = @tidy_get_body($str);
//函数 _dumpnode 手机页面切图排版,检查每个节点,网页切图制作过滤后输出
function _dumpnode($node 手机网页外包,&$s){
//查看节点名,网页重构报价如果是<script> 和<style>就直接清除
switch($node->name){
case 'script':
case 'style':
return;
break;
default:
}
if($node->type == TIDY_NODETYPE_TEXT){
/*
如果该节点内是文字 wap前端切图,做额外的处理：
过长文字的自动换行问题;
超链接的自动识别(未实现)
*/
// insert <wbr>
$s .= HtmlInsertWbrs($node->value,wap前端切图30 手机div+css,'',psd切图html'&?/\');
// auto links ??? *** TODO ***
return;
}
//不是文字节点 手机网页制作,那么处理标签和它的属性
$s .= '<'.$node->name;
//检查每个属性
if($node->attribute){
foreach($node->attribute as $name=>$value){
/*
清理一些DOM事件,手机网页制作通常是on开头的 手机页面切图排版,
比如onclick onmouseover等....
或者属性值有javascript:字样的,手机页面切图排版
比如href="javascript:"的也被清除.
*/
if(strpos($name 手机网页外包,'on') === 0
stripos(trim($value),div+css+js切图'javascript:') ===0
){
continue;
}
//保留安全的属性
$s .= ' '.$name.'="'.HtmlEscape($value).'"';
}
}
//递归检查该节点下的子节点
if($node->child){
$s .= '>';
foreach($node->child as $child){
_dumpnode($child wap前端切图,$s);
}
//子节点处理完毕,wap前端切图闭合标签
$s .= '</'.$node->name.'>';
}else{
/*
已经没有子节点了 手机div+css,将标签闭合
(事实上也可以考虑直接删除掉空的节点)
*/
if($node->type == TIDY_NODETYPE_START)
$s .= '></'.$node->name.'>';
else
/*
对非配对标签,手机div+css比如<hr/> <br/> <img/>等
直接以 />闭合之
*/
$s .= '/>';
}
}
//函数定义end
//通过上面的函数 对 body节点开始过滤.
if($body->child){
foreach($body->child as $child)
_dumpnode($child 手机网页制作,$s);
}else
return '';
return $s;
}
上面代码中注释应该比较详细,web外包工作原理就配合代码看吧.
更严格的过滤也很容易扩展 手机页面切图排版,比如实现文中的链接自动识别.
一点补充
如果你看过我之前写的网页中超长文字的断行问题,手机页面切图排版你可能发现上面代码中处理自动换行的函数有所不同：
之前介绍的是HtmlEscapeInsertWbrs() 手机网页外包,而上面使用的是HtmlInsertWbrs().
这里要做一下解释：
HtmlEscapeInsertWbrs()要求输入的字符串未作特殊字符转义的,网页重构报价也就是没有经过htmlspecialchars()对<>&等作<>&处理的.因为函数内部有专门的处理.
而在处理经Tidy处理过后的文字节点的时候 wap前端切图,因为Tidy的关系,承接网站前端已经自动把<>&等字符作相应的<>&转义 手机div+css,因此需要用一个专门的函数避免重复的转义,手机div+css这个函数就是HtmlInsertWbrs() 手机网页制作,从名字上就知道它只插入<wbr>标记,手机网页制作不做额外工作.
那么你可能有个问题：
如果<wbr>被插入到HTML标签中间 手机页面切图排版,比如在<div>或者>的中间插入了<wbr>,网页切图制作变成<d<wbr>iv>和&<wbr>gt; 手机网页外包,那就会影响到原始信息的展示.
没错,网页重构报价的确是个新问题 wap前端切图,不过使用一些技巧就可以有效解决：
因为我们处理的是Tidy得到的文字节点,wap前端切图意味着不可能碰到HTML标签 手机div+css,因此不会碰到在标签中间插入<wbr>的情况.
对于第二种情况,psd切图html转义后的字符都是&xxxxx;这样的形式 手机网页制作,那么只要在1所有&符号前面都插入<wbr>标记就可以了（注意看调用时的第四个参数）,手机网页制作因为下一个<wbr>标记将会插在30(以上面代码中实际调用的第二个参数为例)个字符之后 手机页面切图排版,这个已经2远远大于xxxxx的长度.这样由上面1、2两点可以保证不会插到转义字符的中间.
下面给出HtmlInsertWbrs()的PHP实现：
function HtmlInsertWbrs($str,手机页面切图排版 $n=10 手机网页外包,
$chars_to_break_after='',div+css+js切图$chars_to_break_before='')
{
$out = '';
$strpos = 0;
$spc = 0;
$len = mb_strlen($str wap前端切图,'UTF-8');
for ($i = 1; $i < $len; ++$i) {
$prev_char = mb_substr($str,wap前端切图$i-1 手机div+css,1,手机div+css'UTF-8');
$next_char = mb_substr($str 手机网页制作,$i,web外包1 手机页面切图排版,'UTF-8');
if (_u_IsSpace($next_char)) {
$spc = $i;
} else {
if ($i - $spc == $n
mb_strpos( $chars_to_break_after,手机页面切图排版
$prev_char 手机网页外包,0,网页重构报价'UTF-8' )
!== FALSE
mb_strpos( $chars_to_break_before wap前端切图,
$next_char,承接网站前端0 手机div+css,'UTF-8')
!== FALSE
) {
$out .= mb_substr($str,手机div+css$strpos 手机网页制作,
$i-$strpos,手机网页制作'UTF-8')
. '<wbr>';
$strpos = $i;
$spc = $i;
}
}
}
$out .= mb_substr($str 手机页面切图排版,$strpos,网页切图制作$len-$strpos 手机网页外包,'UTF-8');
return $out;
}
输入和输出应该说是很多网站的基本功能.用户输入数据 手机网页制作,网站输出数据供其他人浏览.
拿目前流行的Blog为例,手机网页制作这里的输入输出就是作者编辑文章后生成博客文章页面供他人阅读.
这里有一个问题,html前端制作即用户输入通常是不受控制的,网页切图制作它可能包含不正确的格式亦或者含有有安全隐患的代码；而最终网站输出的内容却必须是正确的HTML代码.这就需要对用户输入的内容进行纠错和过滤.
永远不要相信用户的输入
你可能会说：现在到处都是所见即所得的编辑器(WYSIWYG),承接网页前端外包FCKeditor、TinyMCE...你可能会举出一大堆.是的 div前端切图,它们都可以自动生成标准的XHTML代码,网页html切图排版但是作为web开发人员,wap前端切图你肯定听过"永远不要相信用户递交的数据".
因此对用户输入数据进行纠错和过滤是必需的.
需要更好的纠错和过滤
目前为止我还没见过有让我满意的相关实现,html切图报价能接触到的通常都是效率低下、效果不太理想,psd切图html有这样那样的明显缺陷.举个比较知名的例子：WordPress是一种使用非常广泛的blog系统 手机网页制作,操作简单功能强大且有丰富的插件支持,手机网页制作但是它集成的TinyMCE和后台一堆有些自作聪明的纠错过滤代码却令人相当头痛 手机页面切图排版,对半角字符的强制替换,手机页面切图排版过于保守的替换规则等等.....导致像贴一段代码让它正确显示这种需求都很难做到.
这里顺便抱怨一下 手机网页外包,这个blog是用WordPress架的,div+css+js切图为了让这几篇文章能正确显示代码 wap前端切图,网上搜了很多也试用了一些插件,wap前端切图最终还是翻了它的代码把一些过滤规则注释掉才勉强可以显示得体面一点 -.-b
当然 手机div+css,我不想过多的指责它(wordpress),手机div+css只是想说明它还可以做的更好.
Tidy是什么 手机网页制作,它如何工作？
摘自Tidy ManPage的说明这样描述:
Tidy reads HTML,web外包 XHTML and XML files and writes cleaned up markup. For HTML variants 手机页面切图排版, it detects and corrects many common coding errors and strives to produce visually equivalent markup that is both W3C compliant and works on most browsers. A common use of Tidy is to convert plain HTML to XHTML. For generic XML files,手机页面切图排版 Tidy is limited to correcting basic well-formedness errors and pretty printing.
简单说Tidy是清理HTML代码的 手机网页外包,生成干净的符合W3C标准的HTML代码,网页重构报价支持HTML wap前端切图,XHTML,承接网站前端XML.Tidy提供一个库TidyLib 手机div+css,以方便在其他应用中利用Tidy的强大功能.非常幸运,手机div+cssPHP有相应的tidy模块可以使用.
老兄 手机网页制作,为什么又是PHP?
呃,手机网页制作这个问题... 惭愧 手机页面切图排版,因为我只会那么点PHP而已 -.-v
不过还好,网页切图制作我这里讲的都不是纯粹的代码 手机网页外包,好歹也有些分析的过程,网页重构报价分享这些东西比贴代码有用多了.
PHP中使用Tidy
要在PHP中使用Tidy需要安装Tidy模块 wap前端切图,也就是加载tidy.so这个PHP extension,wap前端切图具体过程就略了 手机div+css,纯粹是体力活.最后能在phpinfo()中看到"Tidy support enabled" 就OK.
在这个模块的支持下,psd切图htmlPHP中就可以使用Tidy提供的几乎所有的功能.常用的HTML清理是异常轻松的事情 手机网页制作,甚至可以生成文档的解析树,手机网页制作像在客户端操作DOM那样的操作HTML的各个Node.下面将会有具体的代码说明 手机页面切图排版,也可以看看PHP官方的相关手册.
纠错和过滤的PHP+Tidy实现
上面说了这么多背景素材,手机页面切图排版似乎太罗唆了 手机网页外包,具体的解决问题的代码才最最直接.
1. 简单的纠错实现
function HtmlFix($html)
{
if(!function_exists('tidy_repair_string'))
return $html;
//use tidy to repair html code
//repair
$str = tidy_repair_string($html,div+css+js切图
array('output-xhtml'=>true) wap前端切图,
'utf8');
//parse
$str = tidy_parse_string($str,wap前端切图
array('output-xhtml'=>true) 手机div+css,
'utf8');
$s = '';
$nodes = @tidy_get_body($str)->child;
if(!is_array($nodes)){
$returnVal = 0;
return $s;
}
foreach($nodes as $n){
$s .= $n->value;
}
return $s;
}
上面的代码就是对可能不规范的XHTML代码进行清理纠错,手机div+css输出标准的XHTML代码（输入输出都是UTF-8编码）.实现代码不是最精简的 手机网页制作,因为为了配合下面的过滤功能,web外包我写的尽可能细致了一些.
2. 高级实现: 纠错+过滤
功能：
XHTML的纠错 手机页面切图排版,输出标准的XHTML代码.
过滤不安全的代码但是不影响内容展示,手机页面切图排版只是对style/javascript中不安全代码进行清除.
对超长字符串插入<wbr>标记以实现浏览器兼容的自动换行功能 手机网页外包,相关文章可参考网页中超长文字的断行问题.
function HtmlFixSafe($html)
{
if(!function_exists('tidy_repair_string'))
return $html;
//use tidy to repair html code
// tidy 的参数设定
$conf = array(
'output-xhtml'=>true
,网页重构报价'drop-empty-paras'=>FALSE
wap前端切图,'join-classes'=>TRUE
,承接网站前端'show-body-only'=>TRUE
);
//repair
$str = tidy_repair_string($html 手机div+css,$conf,手机div+css'utf8');
//生成解析树
$str = tidy_parse_string($str 手机网页制作,$conf,手机网页制作'utf8');
$s ='';
//得到body节点
$body = @tidy_get_body($str);
//函数 _dumpnode 手机页面切图排版,检查每个节点,网页切图制作过滤后输出
function _dumpnode($node 手机网页外包,&$s){
//查看节点名,网页重构报价如果是<script> 和<style>就直接清除
switch($node->name){
case 'script':
case 'style':
return;
break;
default:
}
if($node->type == TIDY_NODETYPE_TEXT){
/*
如果该节点内是文字 wap前端切图,做额外的处理：
过长文字的自动换行问题;
超链接的自动识别(未实现)
*/
// insert <wbr>
$s .= HtmlInsertWbrs($node->value,wap前端切图30 手机div+css,'',psd切图html'&?/\');
// auto links ??? *** TODO ***
return;
}
//不是文字节点 手机网页制作,那么处理标签和它的属性
$s .= '<'.$node->name;
//检查每个属性
if($node->attribute){
foreach($node->attribute as $name=>$value){
/*
清理一些DOM事件,手机网页制作通常是on开头的 手机页面切图排版,
比如onclick onmouseover等....
或者属性值有javascript:字样的,手机页面切图排版
比如href="javascript:"的也被清除.
*/
if(strpos($name 手机网页外包,'on') === 0
stripos(trim($value),div+css+js切图'javascript:') ===0
){
continue;
}
//保留安全的属性
$s .= ' '.$name.'="'.HtmlEscape($value).'"';
}
}
//递归检查该节点下的子节点
if($node->child){
$s .= '>';
foreach($node->child as $child){
_dumpnode($child wap前端切图,$s);
}
//子节点处理完毕,wap前端切图闭合标签
$s .= '</'.$node->name.'>';
}else{
/*
已经没有子节点了 手机div+css,将标签闭合
(事实上也可以考虑直接删除掉空的节点)
*/
if($node->type == TIDY_NODETYPE_START)
$s .= '></'.$node->name.'>';
else
/*
对非配对标签,手机div+css比如<hr/> <br/> <img/>等
直接以 />闭合之
*/
$s .= '/>';
}
}
//函数定义end
//通过上面的函数 对 body节点开始过滤.
if($body->child){
foreach($body->child as $child)
_dumpnode($child 手机网页制作,$s);
}else
return '';
return $s;
}
上面代码中注释应该比较详细,web外包工作原理就配合代码看吧.
更严格的过滤也很容易扩展 手机页面切图排版,比如实现文中的链接自动识别.
一点补充
如果你看过我之前写的网页中超长文字的断行问题,手机页面切图排版你可能发现上面代码中处理自动换行的函数有所不同：
之前介绍的是HtmlEscapeInsertWbrs() 手机网页外包,而上面使用的是HtmlInsertWbrs().
这里要做一下解释：
HtmlEscapeInsertWbrs()要求输入的字符串未作特殊字符转义的,网页重构报价也就是没有经过htmlspecialchars()对<>&等作<>&处理的.因为函数内部有专门的处理.
而在处理经Tidy处理过后的文字节点的时候 wap前端切图,因为Tidy的关系,承接网站前端已经自动把<>&等字符作相应的<>&转义 手机div+css,因此需要用一个专门的函数避免重复的转义,手机div+css这个函数就是HtmlInsertWbrs() 手机网页制作,从名字上就知道它只插入<wbr>标记,手机网页制作不做额外工作.
那么你可能有个问题：
如果<wbr>被插入到HTML标签中间 手机页面切图排版,比如在<div>或者>的中间插入了<wbr>,网页切图制作变成<d<wbr>iv>和&<wbr>gt; 手机网页外包,那就会影响到原始信息的展示.
没错,网页重构报价的确是个新问题 wap前端切图,不过使用一些技巧就可以有效解决：
因为我们处理的是Tidy得到的文字节点,wap前端切图意味着不可能碰到HTML标签 手机div+css,因此不会碰到在标签中间插入<wbr>的情况.
对于第二种情况,psd切图html转义后的字符都是&xxxxx;这样的形式 手机网页制作,那么只要在1所有&符号前面都插入<wbr>标记就可以了（注意看调用时的第四个参数）,手机网页制作因为下一个<wbr>标记将会插在30(以上面代码中实际调用的第二个参数为例)个字符之后 手机页面切图排版,这个已经2远远大于xxxxx的长度.这样由上面1、2两点可以保证不会插到转义字符的中间.
下面给出HtmlInsertWbrs()的PHP实现：
function HtmlInsertWbrs($str,手机页面切图排版 $n=10 手机网页外包,
$chars_to_break_after='',div+css+js切图$chars_to_break_before='')
{
$out = '';
$strpos = 0;
$spc = 0;
$len = mb_strlen($str wap前端切图,'UTF-8');
for ($i = 1; $i < $len; ++$i) {
$prev_char = mb_substr($str,wap前端切图$i-1 手机div+css,1,手机div+css'UTF-8');
$next_char = mb_substr($str 手机网页制作,$i,web外包1 手机页面切图排版,'UTF-8');
if (_u_IsSpace($next_char)) {
$spc = $i;
} else {
if ($i - $spc == $n
mb_strpos( $chars_to_break_after,手机页面切图排版
$prev_char 手机网页外包,0,网页重构报价'UTF-8' )
!== FALSE
mb_strpos( $chars_to_break_before wap前端切图,
$next_char,承接网站前端0 手机div+css,'UTF-8')
!== FALSE
) {
$out .= mb_substr($str,手机div+css$strpos 手机网页制作,
$i-$strpos,手机网页制作'UTF-8')
. '<wbr>';
$strpos = $i;
$spc = $i;
}
}
}
$out .= mb_substr($str 手机页面切图排版,$strpos,网页切图制作$len-$strpos 手机网页外包,'UTF-8');
return $out;
}
类似资料：