我正在使用php扩展名tidy-html来清理php输出。我知道整理删除了无效的标签，甚至无法处理HTML5 doctype，但我使用的标签<menu>曾经是HTML规范。但是，无论如何它都会被<ul>更改。
奇怪的是，在之前没有这样做。我改变了整洁的配置，它有休息。现在我已经关闭了所有与标签混淆的选项，但它没有帮助。
我的剧本非常详细：
$tidy_config = array(
'char-encoding' => 'utf8',
'output-encoding' => 'utf8',
'output-html' => true,
'numeric-entities' => false,
'ascii-chars' => false,
'doctype' => 'loose',
'clean' => false,
'bare' => false,
'fix-uri' => true,
'indent' => true,
'indent-spaces' => 2,
'tab-size' => 2,
'wrap-attributes' => true,
'wrap' => 0,
'indent-attributes' => true,
'join-classes' => false,
'join-styles' => false,
'fix-bad-comments' => true,
'fix-backslash' => true,
'replace-color' => false,
'wrap-asp' => false,
'wrap-jste' => false,
'wrap-php' => false,
'wrap-sections' => false,
'drop-proprietary-attributes' => false,
'hide-comments' => false,
'hide-endtags' => false,
'drop-empty-paras' => true,
'quote-ampersand' => true,
'quote-marks' => true,
'quote-nbsp' => true,
'vertical-space' => true,
'wrap-script-literals' => false,
'tidy-mark' => true,
'merge-divs' => false,
'repeated-attributes' => 'keep-last',
'break-before-br' => false
);
$tidy_config2 = array(
'tidy-mark' => false,
'vertical-space' => false,
'hide-comments' => true,
'indent-spaces' => 0,
'tab-size' => 1,
'wrap-attributes' => false,
'numeric-entities' => true,
'ascii-chars' => true,
'hide-endtags' => true,
'indent' => false
);
$tidy_config = array_merge($tidy_config, $tidy_config2);
$dtm = preg_match(self::doctypeMatch, $output, $dt);
$output = tidy_repair_string($output, $tidy_config, 'utf8');
// tidy screws up doctype --fixed
if($dtm)
$output = preg_replace(self::doctypeMatch, $dt[0], $output);
$output = preg_replace('!>[\n\r]+<!', '><', $output);
unset($tidy_config);
return $output;
请注意，它比这更复杂（因此两个数组）。我刚刚切断了不必要的代码。
答案 0 :(得分：8)
根据W3C tidy-html5 fork，新标签的正确配置应为：
'new-blocklevel-tags' => 'article aside audio bdi canvas details dialog figcaption figure footer header hgroup main menu menuitem nav section source summary template track video',
'new-empty-tags' => 'command embed keygen source track wbr',
'new-inline-tags' => 'audio command datalist embed keygen mark menuitem meter output progress source time video wbr',
您会注意到new-blocklevel-tags定义了一个奇怪的temp标记，它应该是旧的过时 menu标记的替代品，因为@ tivie在他的回答中提到你必须更换它。
此外，标记audio和video同时出现在new-blocklevel-tags和new-inline-tags中，这会改变tidy输出HTML的方式，因为它是：
<video src="movie.webm">
<track kind="subtitles" label="English" src="subtitles.vtt" srclang="en"></video>
如果您从video
new-inline-tags
<video src="movie.webm">
<track kind="subtitles" label="English" src="subtitles.vtt" srclang="en">
</video>
从video删除new-blocklevel-tags会产生：
<video src="movie.webm">
<track kind="subtitles" label="English" src="subtitles.vtt" srclang="en"></video>
就个人而言，我更喜欢audio和video的行为类似于块级标记，但这取决于您。
此外，tags.c还将command定义为CM_HEAD，将embed定义为CM_IMG。不幸的是，我不知道这些代表什么，我认为不可能效仿它们。
另一件事：如果你没有定义new-empty-tags，你会得到奇怪的输出：
<video src="movie.webm">
<track kind="subtitles" label="English" src="subtitles.vtt" srclang="en">
</track>
</video>
如果您还想支持WHATWG recommendation，则应添加标记：
data作为内联元素dialog作为block level元素（？）这是我的完整方法：
function Tidy5($string, $options = null, $encoding = 'utf8')
{
if (extension_loaded('tidy') === true)
{
$default = array
(
'anchor-as-name' => false,
'break-before-br' => true,
'char-encoding' => $encoding,
'decorate-inferred-ul' => false,
'doctype' => 'omit',
'drop-empty-paras' => false,
'drop-font-tags' => true,
'drop-proprietary-attributes' => false,
'force-output' => false,
'hide-comments' => false,
'indent' => true,
'indent-attributes' => false,
'indent-spaces' => 2,
'input-encoding' => $encoding,
'join-styles' => false,
'logical-emphasis' => false,
'merge-divs' => false,
'merge-spans' => false,
'new-blocklevel-tags' => 'article aside audio bdi canvas details dialog figcaption figure footer header hgroup main menu menuitem nav section source summary template track video',
'new-empty-tags' => 'command embed keygen source track wbr',
'new-inline-tags' => 'audio command datalist embed keygen mark menuitem meter output progress source time video wbr',
'newline' => 0,
'numeric-entities' => false,
'output-bom' => false,
'output-encoding' => $encoding,
'output-html' => true,
'preserve-entities' => true,
'quiet' => true,
'quote-ampersand' => true,
'quote-marks' => false,
'repeated-attributes' => 1,
'show-body-only' => true,
'show-warnings' => false,
'sort-attributes' => 1,
'tab-size' => 4,
'tidy-mark' => false,
'vertical-space' => true,
'wrap' => 0,
);
$doctype = $menu = null;
if ((strncasecmp($string, '<!DOCTYPE', 9) === 0) || (strncasecmp($string, '<html', 5) === 0))
{
$doctype = '<!DOCTYPE html>'; $options['show-body-only'] = false;
}
$options = (is_array($options) === true) ? array_merge($default, $options) : $default;
if (strpos($string, '<menu') !== false)
{
$menu = array
(
'<menu' => '<menutidy',
'</menu' => '</menutidy',
);
}
if (isset($menu) === true)
{
$string = str_replace(array_keys($menu), $menu, $string);
}
$string = tidy_repair_string($string, $options, $encoding);
if (empty($string) !== true)
{
if (isset($menu) === true)
{
$string = str_replace($menu, array_keys($menu), $string);
}
if (isset($doctype) === true)
{
$string = $doctype . "\n" . $string;
}
return $string;
}
}
return false;
}
答案 1 :(得分：6)
我认为我的答案非常......整洁。将HTMLTidy与HTML5（目前它不支持）结合使用更是一种愚蠢的方式。要实现我使用正则表达式来解析HTML ，根据大多数情况，这是所有邪恶的根或cthulhu way。如果有人知道更好的方法，请启发我们，因为我觉得使用正则表达式解析html并不安全。我用很多例子测试了它，但我很确定它不是防弹。
菜单标记在HTML4和XHTML1中已弃用，由ul（无序列表）替换。但是，redefined in HTML5 and hence is a valid tag according to HTML5 specifications.因为HTML指示不支持HTML5并且使用XHTML或HTML规范，所以OP指出，它将当时不推荐使用的标签菜单替换为ul（或添加ul标签），即使你明确告诉它不要。
此函数在使用整理解析之前用自定义标记替换菜单标记。然后它再次用菜单替换自定义标签。
function tidyHTML5($buffer)
{
$buffer = str_replace('<menu', '<mytag', $buffer);
$buffer = str_replace('menu>', 'mytag>', $buffer);
$tidy = new tidy();
$options = array(
'hide-comments' => true,
'tidy-mark' => false,
'indent' => true,
'indent-spaces' => 4,
'new-blocklevel-tags' => 'menu,mytag,article,header,footer,section,nav',
'new-inline-tags' => 'video,audio,canvas,ruby,rt,rp',
'doctype' => '<!DOCTYPE HTML>',
//'sort-attributes' => 'alpha',
'vertical-space' => false,
'output-xhtml' => true,
'wrap' => 180,
'wrap-attributes' => false,
'break-before-br' => false,
'char-encoding' => 'utf8',
'input-encoding' => 'utf8',
'output-encoding' => 'utf8'
);
$tidy->parseString($buffer, $options, 'utf8');
$tidy->cleanRepair();
$html = '<!DOCTYPE HTML>' . PHP_EOL . $tidy->html();
$html = str_replace('<html lang="en" xmlns="http://www.w3.org/1999/xhtml">', '<html>', $html);
$html = str_replace('<html xmlns="http://www.w3.org/1999/xhtml">', '<html>', $html);
//Hackish stuff starts here
//We use regex to parse html, which is usually a bad idea
//But currently there is no alternative to it, since tidy is not MENU TAG friendly
preg_match_all('/\<mytag(?:[^\>]*)\>\s*\<ul>/', $html, $matches);
foreach($matches as $m) {
$mo = $m;
$m = str_replace('mytag', 'menu', $m);
$m = str_replace('<ul>', '', $m);
$html = str_replace($mo, $m, $html);
}
$html = str_replace('<mytag', '<menu', $html);
$html = str_replace('</ul></mytag>', '</menu>', $html);
$html = str_replace('mytag>', 'menu>', $html);
return $html;
}
<强> TEST：
header("Content-type: text/plain");
echo tidyHTML5('<menu><li>Lorem ipsum</li></menu><div></div><menu ><a href="#">lala</a><form id="jj"><button>btn</button></form></menu><menu style="color: white" id="nhecos"><li>blabla</li><li>sdfsdfsdf</li></menu>');
<强>输出：
<!DOCTYPE HTML>
<html>
<head>
<title></title>
</head>
<body>
<menu>
<li>Lorem ipsum
</li>
</menu><menu style="color: white" id="nhecos">
<li>blabla
</li>
<li>sdfsdfsdf
</li>
</menu>
</body>
</html>