我想在WordPress主题中使用HTML5,如何关闭wptexturize?

我不介意WP添加中断,但我希望它们是<br>而不是<br />。如何控制这些中断在我的代码中的显示方式?

编辑:我只真正关心<br>标记问题,我不介意它所做的印刷更改。

EDIT2:实际上,我想<img>标签也很重要。任何自动关闭的独立标签在这里都很重要。因此,<hr>也可能是一个问题。更不用说诸如wp_head()之类的<link>项目和各种<meta>标签。

评论


怎么了?

很好,但是如果我想使用HTML5的非XML版本,则不需要XML样式的`结尾。

我以为
是有效的html和xhtml?什么时候不?

我相信这个问题极具误导性。 wptexturize不会以任何方式阻止网站符合HTML5。

有人可以按照“如何从Wordpress生成的标记中的自闭合元素中删除斜杠”的标题重新命名吗?

#1 楼

换行符是由wpautop()而不是wptexturize()添加的。 wpautop()还是自动添加段落标签的功能。

与更换过滤器相比,最好固定<br />。由于wpautop()在优先级10上运行,因此您可以将其挂接并修复。

add_filter( 'the_content', 'html5_line_breaks', 25 );

function html5_line_breaks( $content ) {
    return str_replace( '<br />', '<br>', $content );
}


OP更新后进行编辑:

WordPress函数设计用于输出XHTML。为了消除站点范围内的尾部斜杠,您将必须使用输出缓冲区。您可以使用与上述过滤器类似的过滤器来替换帖子内容中的斜线,但这不会引起您的头部,侧边栏等的困扰。

这有点难看并且可能对性能,但您可以执行以下操作(将其放在插件或主题的functions.php文件中):

if ( !is_admin() && ( ! defined('DOING_AJAX') || ( defined('DOING_AJAX') && ! DOING_AJAX ) ) ) {
    ob_start( 'html5_slash_fixer' );
    add_action( 'shutdown', 'html5_slash_fixer_flush' );
}

function html5_slash_fixer( $buffer ) {
    return str_replace( ' />', '>', $buffer );
}

function html5_slash_fixer_flush() {
    ob_end_flush();
}


该代码说明您是否不在管理区域中进行AJAX请求处理,然后开始通过过滤器缓冲输出,然后使用WordPress关闭钩子输出该缓冲。

评论


我还没有时间破解开放的functions.php,但是您能详细说明一下如果块去了那儿吗?一旦我有机会打开该文件,这也许很明显,但是我认为我会解决这个问题。

–托马斯·欧文斯(Thomas Owens)
10年8月20日在0:31

@Thomas:您主题的functions.php文件就像一个插件文件。其中的任何代码将自动执行。只要有效的PHP,它在哪里都没有关系。

– Viper007Bond
2010年8月20日下午1:00

啊。有趣。我对WordPress开发还很陌生,所以我仍然学到很多东西。感谢您清理。

–托马斯·欧文斯(Thomas Owens)
10年8月20日在1:24

#2 楼

这是您要去的地方:

function my_awesome_tag_fixer( $input ){
  return preg_replace( '/(<.+)\s\/>/', '>', $input );
}

foreach( array('the_content', 'the_excerpt', 'comment_text') as $filter )
  add_filter( $filter, 'my_awesome_tag_fixer', 12 );


这不是最优雅的解决方案,但是它比重写wpautop和wptexturize更快地完成了它。

评论


+1我对HTML 4.01严格合规性做了非常相似的事情。

– Trevor Bramble
10年8月14日在21:18

#3 楼

刚刚找到它; void元素上的自动关闭标签是有效的html。


In HTML5 we've allowed the / on void elements (like <meta>, <img>, <br>, <input>, etc), to ease migration to and from XML.


http://lists.whatwg.org/pipermail/help-whatwg.org/2008-August/000137.html

更多信息:

http://wiki.whatwg.org/wiki/FAQ#Should_I_close_empty_elements_with_.2F.3E_or_.3E.3F

评论


“但是,由于广泛使用XHTML1的尝试,大量页面使用尾部斜杠。因此,为了简化从XHTML1到HTML5的迁移,HTML中的void元素允许使用尾部斜杠语法。 ”允许作为遗产。我认为前进的方向是放弃多余的“ /”,因此是我的问题。我认为WordPress需要允许创建xhtml或html4.01或html5的代码的选项。

– artlung
2010年8月13日在20:29



这就是您正在阅读的问题所在。斜杠是允许的,这意味着它是有效的语法。您正在猜测它将被删除?为什么要猜测标准的去向,并为解决不存在的问题而开展工作?

–瑞安·吉本斯(Ryan Gibbons)
2010年8月13日在21:02

我什么都没猜测。我什么都没猜到。规范不需要/标记,我希望可以选择在WordPress中将其删除。

– artlung
2010年8月13日在21:09



我喜欢XHTML,我们是否必须回到旧HTML的混乱外观。

– Arlen Beiler
2010年8月14日14:12

Arlen,我喜欢井井有条的html,我喜欢xhtml。我是验证者的忠实粉丝。我已经编写了自己的文档类型来对自己的代码进行验证。我用过html 3.2,html 4、4.01,甚至html 2.0! lab.artlung.com/html-2.0-但我想选择在WordPress中删除自动关闭标签。似乎应该没什么大不了的。我觉得质疑我的问题的前提是无益的。

– artlung
2010年8月14日14:47

#4 楼

这可以在例如禁用利用remove_filter()函数(http://codex.wordpress.org/Function_Reference/remove_filter)来实现主题的function.php文件

remove_filter("the_content", "wptexturize");


评论


我可以对此进行更详细的控制吗?如果这样做,我会不会失去印刷标记?

– artlung
2010年8月11日19:44

我不知道有什么简单的方法可以解决,但是让我看看我能为您找到什么。

– thomasjo
2010年8月11日19:46

由于无法再现wptexturize()中所需的功能,因此我找不到其他可行的解决方案。

– thomasjo
2010年8月11日在20:13

我想知道是否有一种方法可以简单地反转
-也许用
替换它们?

– artlung
2010年8月11日在20:30

#5 楼

我有一个针对html5和WordPress的入门主题,还有一个不是wptexturize的函数,而是wpautop()的函数。还包括html的其他元素(例如thead,tfoot,aside),并使用html5的语法like和

/**
 * wpautop for HTML5, allowed: table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|map|area|blockquote|address|math|style|input|p|h[1-6]|hr|fieldset|legend|section|article|aside|header|footer|hgroup|figure|details|figcaption|summary)
 * @link http://nicolasgallagher.com/using-html5-elements-in-wordpress-post-content/
 * @author nicolas@nicolasgallagher.com
 */
function html5wpautop($pee, $br = 1) {
    if ( trim($pee) === '' )
            return '';

    $pee = $pee . "\n"; // just to make things a little easier, pad the end
    $pee = preg_replace('|<br />\s*<br />|', "\n\n", $pee);
    // Space things out a little
    // *insertion* of section|article|aside|header|footer|hgroup|figure|details|figcaption|summary
    $allblocks = '(?:table|thead|tfoot|caption|col|colgroup|tbody|tr|td|th|div|dl|dd|dt|ul|ol|li|pre|select|form|map|area|blockquote|address|math|style|input|p|h[1-6]|hr|fieldset|legend|section|article|aside|header|footer|hgroup|figure|details|figcaption|summary)';
    $pee = preg_replace('!(<' . $allblocks . '[^>]*>)!', "\n", $pee);
    $pee = preg_replace('!(</' . $allblocks . '>)!', "\n\n", $pee);
    $pee = str_replace(array("\r\n", "\r"), "\n", $pee); // cross-platform newlines
    if ( strpos($pee, '<object') !== false ) {
            $pee = preg_replace('|\s*<param([^>]*)>\s*|', "<param>", $pee); // no pee inside object/embed
            $pee = preg_replace('|\s*</embed>\s*|', '</embed>', $pee);
    }
    $pee = preg_replace("/\n\n+/", "\n\n", $pee); // take care of duplicates
    // make paragraphs, including one at the end
    $pees = preg_split('/\n\s*\n/', $pee, -1, PREG_SPLIT_NO_EMPTY);
    $pee = '';
    foreach ( $pees as $tinkle )
            $pee .= '<p>' . trim($tinkle, "\n") . "</p>\n";
    $pee = preg_replace('|<p>\s*</p>|', '', $pee); // under certain strange conditions it could create a P of entirely whitespace
    // *insertion* of section|article|aside
    $pee = preg_replace('!<p>([^<]+)</(div|address|form|section|article|aside)>!', "<p></p></>", $pee);
    $pee = preg_replace('!<p>\s*(</?' . $allblocks . '[^>]*>)\s*</p>!', "", $pee); // don't pee all over a tag
    $pee = preg_replace("|<p>(<li.+?)</p>|", "", $pee); // problem with nested lists
    $pee = preg_replace('|<p><blockquote([^>]*)>|i', "<blockquote><p>", $pee);
    $pee = str_replace('</blockquote></p>', '</p></blockquote>', $pee);
    $pee = preg_replace('!<p>\s*(</?' . $allblocks . '[^>]*>)!', "", $pee);
    $pee = preg_replace('!(</?' . $allblocks . '[^>]*>)\s*</p>!', "", $pee);
    if ($br) {
            $pee = preg_replace_callback('/<(script|style).*?<\/\1>/s', create_function('$matches', 'return str_replace("\n", "<WPPreserveNewline />", $matches[0]);'), $pee);
            $pee = preg_replace('|(?<!<br />)\s*\n|', "<br />\n", $pee); // optionally make line breaks
            $pee = str_replace('<WPPreserveNewline />', "\n", $pee);
    }
    $pee = preg_replace('!(</?' . $allblocks . '[^>]*>)\s*<br />!', "", $pee);
    // *insertion* of img|figcaption|summary
    $pee = preg_replace('!<br />(\s*</?(?:p|li|div|dl|dd|dt|th|pre|td|ul|ol|img|figcaption|summary)[^>]*>)!', '', $pee);
    if (strpos($pee, '<pre') !== false)
            $pee = preg_replace_callback('!(<pre[^>]*>)(.*?)</pre>!is', 'clean_pre', $pee );
    $pee = preg_replace( "|\n</p>$|", '</p>', $pee );

    return $pee;
}

// remove the original wpautop function
remove_filter('the_excerpt', 'wpautop');
remove_filter('the_content', 'wpautop');

// add our new html5autop function
add_filter('the_excerpt', 'html5wpautop');
add_filter('the_content', 'html5wpautop');


详细了解html5入门主题的svn,而不是一个框架!

#6 楼

禁用WPtexturize插件对我有用:禁用WPtexturize

虽然挺不错的:

remove_filter('the_content', 'wptexturize');
remove_filter('the_excerpt', 'wptexturize');
remove_filter('comment_text', 'wptexturize');