ฉันจะปิดแท็กปิดตัวเองสำหรับมาร์กอัปใน WordPress (เช่น HTML5 หรือ HTML4 ได้อย่างไร)


18

ฉันต้องการใช้ HTML5 ในธีม WordPress ของฉันฉันจะปิด wptexturize ได้อย่างไร?

ฉันไม่คิดเพิ่ม WP แบ่ง แต่ผมต้องการให้พวกเขาและไม่ได้<br> <br />ฉันจะควบคุมว่าตัวแบ่งเหล่านั้นปรากฏในรหัสของฉันได้อย่างไร

แก้ไข:ฉันสนใจ แต่เพียง<br>ปัญหาของแท็กเท่านั้นฉันไม่สนใจการเปลี่ยนแปลงตัวอักษรที่ทำ

แก้ไข 2:จริง ๆ แล้วฉันเดาว่า<img>แท็กก็มีความสำคัญเช่นกัน แท็กแบบสแตนด์อโลนที่ปิดตัวเองจะมีความสำคัญที่นี่ ดังนั้น<hr>อาจมีปัญหาเช่นกัน ไม่ต้องพูดถึงwp_head()รายการเช่น<link>และ<meta>แท็กต่างๆ


1
เกิด<br />อะไรขึ้น
สกอตต์เอ็ม

2
ไม่เป็นไร แต่ถ้าฉันต้องการตัดรุ่น HTML5 ที่ไม่ใช่ XML ฉันจะไม่ต้องการปลาย `/>` สไตล์ XML
artlung

ฉันคิดว่า <br /> เป็น html และ xhtml ที่ถูกต้อง? เมื่อไหร่
Ryan Gibbons

5
ฉันเชื่อว่าคำถามนี้ทำให้เข้าใจผิดอย่างมาก wptexturize ไม่ได้ป้องกันเว็บไซต์ไม่ให้สอดคล้องกับ HTML 5
Ryan Gibbons

2
บางคนได้โปรดตั้งชื่อใหม่นี้ตามบรรทัดของ "ฉันจะลบเครื่องหมายสแลชออกจากองค์ประกอบที่ปิดตัวเองในมาร์กอัปที่สร้างโดย WordPress" ได้อย่างไร?
Bobby Jack

คำตอบ:


21

แบ่งสายที่เพิ่มขึ้นโดยไม่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 เอาท์พุทบัฟเฟอร์นั้น


ฉันยังไม่มีเวลาที่จะถอดรหัสฟังก์ชั่นที่เปิดได้ แต่คุณช่วยอธิบายได้ไหมว่าถ้าบล็อกไปไหน มันอาจจะเห็นได้ชัดเมื่อฉันได้รับโอกาสที่จะเปิดไฟล์นั้น แต่ฉันคิดว่าฉันจะได้รับคำถามจากทาง
Thomas Owens

@Thomas: functions.phpไฟล์ธีมของคุณเป็นเหมือนไฟล์ปลั๊กอิน รหัสใด ๆ ในนั้นจะถูกดำเนินการโดยอัตโนมัติ ไม่สำคัญว่าจะไปที่ไหนตราบใดที่เป็น PHP ที่ถูกต้อง
Viper007Bond

อา. น่าสนใจ ฉันค่อนข้างใหม่ในการพัฒนา WordPress ดังนั้นฉันยังคงเรียนรู้มาก ขอบคุณที่ล้างข้อมูล
โธมัสโอเวนส์

8

ไปเลย:

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

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

มันไม่ใช่ทางออกที่หรูหราที่สุด แต่มันทำให้เสร็จเร็วกว่าการเขียน wpautop และ wptexturize มากขึ้น


1
+1 ฉันทำสิ่งที่คล้ายกันมากกับ HTML 4.01 Strict Compliance
Trevor Bramble

7

เพิ่งพบมัน; แท็กปิดตัวเองในองค์ประกอบโมฆะเป็น 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


1
"อย่างไรก็ตามเนื่องจากความพยายามอย่างกว้างขวางในการใช้ XHTML1 จึงมีจำนวนหน้าที่สำคัญที่ใช้เครื่องหมายสแลชต่อท้ายด้วยเหตุนี้ไวยากรณ์สแลชสแลชต่อท้ายจึงได้รับอนุญาตในองค์ประกอบโมฆะใน HTML เพื่อความสะดวกในการโยกย้ายจาก XHTML1 " ได้รับอนุญาตเป็นมรดก ฉันคิดว่าหนทางข้างหน้าคือการเพิ่ม "/" เพิ่มเติมดังนั้นคำถามของฉัน ฉันคิดว่า WordPress ต้องอนุญาตให้มีตัวเลือกในการสร้างรหัสเป็น xhtml หรือ html4.01 หรือ html5
artlung

นั่นคือปัญหาที่คุณกำลังอ่านในสิ่งที่กำลังพูด เครื่องหมายทับต่อท้ายได้รับอนุญาตซึ่งหมายความว่าเป็นไวยากรณ์ที่ถูกต้อง คุณกำลังคาดเดาว่ามันจะถูกลบออก? ทำไมเดาว่ามาตรฐานจะไปที่ใดและสร้างงานเพื่อแก้ปัญหาที่ไม่มีอยู่?
Ryan Gibbons

ฉันไม่ได้คาดเดาอะไร ฉันไม่ได้คาดเดาอะไรเลย สเปค / เครื่องหมายไม่ต้องการโดยและฉันต้องการที่จะมีตัวเลือกที่จะลบออกใน WordPress
artlung

ฉันชอบ XHTML เราต้องกลับไปดู HTML เก่า ๆ อย่างไม่เป็นระเบียบหรือไม่
Arlen Beiler

Arlen ฉันชอบ html ที่เป็นระเบียบฉันชอบ xhtml ฉันเป็นแฟนตัวตรวจสอบขนาดใหญ่ ฉันได้เขียนประเภทของตัวเองเพื่อทำการตรวจสอบในรหัสของตัวเอง ฉันใช้ html 3.2, html 4, 4.01, แม้แต่ html 2.0! lab.artlung.com/html-2.0 - แต่ฉันต้องการตัวเลือกในการลบแท็กปิดตัวเองใน WordPress ดูเหมือนจะไม่เป็นเรื่องใหญ่อะไร ฉันรู้สึกว่าการโต้เถียงกับสถานที่ตั้งของคำถามของฉันไม่มีประโยชน์มาก
artlung

6

สิ่งนี้สามารถปิดการใช้งานในเช่นไฟล์function.phpของชุดรูปแบบโดยใช้ประโยชน์จากremove_filter()ฟังก์ชั่น (http://codex.wordpress.org/Function_Reference/remove_filter)

remove_filter("the_content", "wptexturize");

1
ฉันจะได้รับการควบคุมที่ละเอียดกว่านี้ได้อีกหรือไม่ ฉันจะทำเครื่องหมายประเภทที่พิมพ์หายได้หรือไม่ถ้าฉันทำอย่างนี้?
artlung

ฉันไม่ได้ตระหนักถึงวิธีการง่ายๆที่อยู่ด้านบนของหัวของฉัน แต่ให้ฉันดูสิ่งที่ฉันสามารถคิดออกสำหรับคุณ
thomasjo

สั้น ๆ ของการทำซ้ำการทำงานที่ต้องการพบในwptexturize()ผมก็ไม่สามารถที่จะหาทางแก้ไขปัญหาที่มีศักยภาพอื่น ๆ
thomasjo

ฉันสงสัยว่าจะมีวิธีที่จะย้อนกลับ<br />- แทนที่พวกเขาด้วย<br>อาจ?
artlung

5

ฉันมีชุดรูปแบบเริ่มต้นสำหรับ html5 และ WordPress และยังมีฟังก์ชั่นที่ไม่ใช่สำหรับ wptexturize แต่สำหรับ wpautop () รวมถึงองค์ประกอบอื่น ๆ ของ html เช่น thead, tfoot, กันและใช้ไวยากรณ์ของ 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$1", $pee);
    $pee = preg_replace('!(</' . $allblocks . '>)!', "$1\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$1>", $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>$1</p></$2>", $pee);
    $pee = preg_replace('!<p>\s*(</?' . $allblocks . '[^>]*>)\s*</p>!', "$1", $pee); // don't pee all over a tag
    $pee = preg_replace("|<p>(<li.+?)</p>|", "$1", $pee); // problem with nested lists
    $pee = preg_replace('|<p><blockquote([^>]*)>|i', "<blockquote$1><p>", $pee);
    $pee = str_replace('</blockquote></p>', '</p></blockquote>', $pee);
    $pee = preg_replace('!<p>\s*(</?' . $allblocks . '[^>]*>)!', "$1", $pee);
    $pee = preg_replace('!(</?' . $allblocks . '[^>]*>)\s*</p>!', "$1", $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 />!', "$1", $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)[^>]*>)!', '$1', $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');

ดูเพิ่มเติมเกี่ยวกับsvnของชุดรูปแบบเริ่มต้น html5 ไม่ใช่กรอบ!


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.