อนุญาต HTML ในข้อความที่ตัดตอนมา

นี่คือข้อความที่ตัดตอนมาของฉัน

// Generate custom excerpt length
function wpbx_excerpt_length($length) {
    return 300;
}
add_filter('excerpt_length', 'wpbx_excerpt_length');

ฉันจะอนุญาต html like ได้อย่างไร <a> <b> <i> <br>

ทำตามคำแนะนำให้สมบูรณ์

เมื่อเร็ว ๆ นี้ฉันได้ตอบคำถามสองสามข้อเกี่ยวกับข้อความที่ตัดตอนมาดังนั้นฉันจะให้คำอธิบายโดยละเอียดครอบคลุมมากที่สุด

คำนำ

ดูเหมือนจะมีคำถามสองสามข้อที่เกิดขึ้นจากคำตอบนี้ว่าควรไปที่ใดและคำตอบคือมันขึ้นอยู่กับคุณและวิธีที่คุณเห็นว่าเหมาะสม มีตัวเลือกสองสามตัวที่คุณสามารถวางรหัสได้ (หากไม่ได้ระบุไว้อย่างชัดเจน):

• ใน themes.php ของชุดรูปแบบของคุณหรือไฟล์ใด ๆ ที่ใช้เป็นไฟล์ฟังก์ชั่น เพียงจำไว้ว่าเมื่อคุณทำเช่นนี้หากชุดรูปแบบไม่ใช่ของคุณเองการเปลี่ยนแปลงทั้งหมดจะหายไปเมื่อคุณอัปเกรดชุดรูปแบบของคุณ

• วิธีที่ดีกว่าคือการใช้รหัสในธีมลูก ดังกล่าวข้างต้นในไฟล์ functions.php หรือฟังก์ชั่นที่เกี่ยวข้อง

• ใช้รหัสในปลั๊กอิน นี่เป็นวิธีที่ต้องการเนื่องจากจะทำให้โค้ดใช้ได้ในทุกธีม หากคุณสลับธีมคุณไม่ต้องกังวลเกี่ยวกับการเขียนรหัสเดียวกัน

ฉันหวังว่านี่จะช่วยล้างสิ่งต่าง ๆ เล็กน้อย :-)

แท็ก HTML / การจัดรูปแบบ

the_excerpt()ประการแรกไม่ยอมรับพารามิเตอร์ใด ๆ ดังนั้นจึงไม่มีสิ่งใดสามารถส่งผ่านไปได้ มันเป็นความจริงที่ว่าthe_excerpt()เนื้อหามีความยาว 55 คำและแท็ก HTML ทั้งหมดจะถูกตัดออกก่อนที่จะส่งคืนข้อความ the_excerpt()ตั้งอยู่ในWP-includes / โพสต์ template.php หากต้องการอนุญาตแท็ก HTML บางส่วนหรือทั้งหมดในข้อความที่ตัดตอนมาจะต้องสร้างข้อความที่ตัดตอนมาใหม่

get_the_excerptแรกของทุกฟังก์ชั่นเดิมจะต้องออกแรกและจากนั้นฟังก์ชั่นใหม่ที่จะต้องมีการติดยาเสพติด โปรดรับทราบข้อความที่ตัดตอนมาใหม่นี้จะยังคงเรียกใช้ได้เหมือนthe_excerpt()ในไฟล์เทมเพลตโดยไม่จำเป็นต้องเปลี่ยนแปลง get_the_excerpt()ตั้งอยู่ในWP-includes / โพสต์ template.php

ข้อความที่ตัดตอนมาใช้wp_trim_excerptเพื่อส่งคืนข้อความที่ตัดดังนั้นเราต้องลบออกwp_trim_excerptก่อนจากตัวกรองข้อความที่ตัดตอนมา wp_trim_excerpt()ตั้งอยู่ในwp-include / formatting.phpบรรทัด 2355 นี่คือวิธี:

remove_filter('get_the_excerpt', 'wp_trim_excerpt');

ตอนนี้คุณสามารถเพิ่มข้อความที่ตัดตอนมาใหม่ให้กับ get_the_excerpt

add_filter('get_the_excerpt', 'wpse_custom_wp_trim_excerpt');

ในการอนุญาตแท็ก / การจัดรูปแบบ html เราจะต้องระบุแท็กที่คุณจะต้องอนุญาต คุณสามารถใช้strip_tagsคำสั่งต่อไปนี้เพื่อให้บรรลุ

$wpse_excerpt = strip_tags($wpse_excerpt, wpse_allowedtags());

อาร์กิวเมนต์ที่สองwpse_allowedtags()เป็นฟังก์ชั่นขนาดเล็กที่ใช้ในการเพิ่มแท็กthe_excerpt()จะช่วยให้ สำหรับรายการที่สมบูรณ์ของที่ถูกต้อง HTML 5 แท็กไปและตรวจสอบมันออกมาที่นี่ นี่คือฟังก์ชั่นเพิ่มแท็ก html ใด ๆ ที่คุณต้องการอนุญาต / เก็บไว้

function wpse_allowedtags() {
// Add custom tags to this string
    return '<script>,<style>,<br>,<em>,<i>,<ul>,<ol>,<li>,<a>,<p>,<img>,<video>,<audio>'; 
}

หากคุณต้องการอนุญาตให้แท็ก HTML ทั้งหมดกล่าวคือไม่มีการลอกแท็กใด ๆstrips_tags()ฟังก์ชันสามารถละเว้น / ลบได้อย่างสมบูรณ์

อย่างไรก็ตามจุดที่ควรทราบเมื่อได้รับอนุญาตให้ใช้แท็ก HTML แท็กเหล่านี้จะถูกนับเป็นคำดังนั้นคำของคุณจะนับเป็นข้อความที่ตัดตอนมาพร้อมกับแท็กและไม่มีแท็กจะไม่เหมือนกัน ในการแก้ไขให้ถูกต้องคุณจะต้องลบแท็กเหล่านี้ออกจากการนับคำที่แท้จริงก่อนเพื่อให้นับเฉพาะคำเท่านั้น

ฉันเขียนข้อความที่ตัดตอนมาซึ่งจะอนุญาตให้แท็กทั้งหมดนับเฉพาะคำเป็นคำและเติมประโยคให้ครบตามจำนวนคำที่ตั้งไว้ (ดังนั้นข้อความจะไม่ถูกตัดออกกลางประโยค) และเพิ่มข้อความที่อ่านเพิ่มเติมหลังจากคำสุดท้าย .

นี่คือรหัสที่สมบูรณ์

function wpse_allowedtags() {
    // Add custom tags to this string
        return '<script>,<style>,<br>,<em>,<i>,<ul>,<ol>,<li>,<a>,<p>,<img>,<video>,<audio>'; 
    }

if ( ! function_exists( 'wpse_custom_wp_trim_excerpt' ) ) : 

    function wpse_custom_wp_trim_excerpt($wpse_excerpt) {
    $raw_excerpt = $wpse_excerpt;
        if ( '' == $wpse_excerpt ) {

            $wpse_excerpt = get_the_content('');
            $wpse_excerpt = strip_shortcodes( $wpse_excerpt );
            $wpse_excerpt = apply_filters('the_content', $wpse_excerpt);
            $wpse_excerpt = str_replace(']]>', ']]&gt;', $wpse_excerpt);
            $wpse_excerpt = strip_tags($wpse_excerpt, wpse_allowedtags()); /*IF you need to allow just certain tags. Delete if all tags are allowed */

            //Set the excerpt word count and only break after sentence is complete.
                $excerpt_word_count = 75;
                $excerpt_length = apply_filters('excerpt_length', $excerpt_word_count); 
                $tokens = array();
                $excerptOutput = '';
                $count = 0;

                // Divide the string into tokens; HTML tags, or words, followed by any whitespace
                preg_match_all('/(<[^>]+>|[^<>\s]+)\s*/u', $wpse_excerpt, $tokens);

                foreach ($tokens[0] as $token) { 

                    if ($count >= $excerpt_length && preg_match('/[\,\;\?\.\!]\s*$/uS', $token)) { 
                    // Limit reached, continue until , ; ? . or ! occur at the end
                        $excerptOutput .= trim($token);
                        break;
                    }

                    // Add words to complete sentence
                    $count++;

                    // Append what's left of the token
                    $excerptOutput .= $token;
                }

            $wpse_excerpt = trim(force_balance_tags($excerptOutput));

                $excerpt_end = ' <a href="'. esc_url( get_permalink() ) . '">' . '&nbsp;&raquo;&nbsp;' . sprintf(__( 'Read more about: %s &nbsp;&raquo;', 'wpse' ), get_the_title()) . '</a>'; 
                $excerpt_more = apply_filters('excerpt_more', ' ' . $excerpt_end); 

                //$pos = strrpos($wpse_excerpt, '</');
                //if ($pos !== false)
                // Inside last HTML tag
                //$wpse_excerpt = substr_replace($wpse_excerpt, $excerpt_end, $pos, 0); /* Add read more next to last word */
                //else
                // After the content
                $wpse_excerpt .= $excerpt_more; /*Add read more in new paragraph */

            return $wpse_excerpt;   

        }
        return apply_filters('wpse_custom_wp_trim_excerpt', $wpse_excerpt, $raw_excerpt);
    }

endif; 

remove_filter('get_the_excerpt', 'wp_trim_excerpt');
add_filter('get_the_excerpt', 'wpse_custom_wp_trim_excerpt'); 

คุณสามารถลบ '//' ออกจากฟังก์ชั่นที่ต้องการพิเศษได้

ความยาวของการตัดที่กำหนดเอง

บางครั้งคุณต้องแสดงข้อความที่ตัดตอนมาอย่างง่าย ๆ ที่มีความยาวต่างกันและมันไม่สามารถเขียนข้อความที่ตัดตอนมาสำหรับโพสต์ / ฟังก์ชั่น / หน้าทุกหน้า นี่คือฟังก์ชั่นเล็ก ๆ น้อย ๆ ที่ดีใช้wp_trim_words

function wpse_custom_excerpts($limit) {
    return wp_trim_words(get_the_excerpt(), $limit, '<a href="'. esc_url( get_permalink() ) . '">' . '&nbsp;&hellip;' . __( 'Read more &nbsp;&raquo;', 'wpse' ) . '</a>');
}

สิ่งที่ฟังก์ชั่นเล็ก ๆ นี้ทำคือการget_the_excerptตัดแต่งให้$limitผู้ใช้ตั้งค่าแล้วส่งคืนข้อความพร้อมลิงก์อ่านเพิ่มเติมในตอนท้าย

คุณสามารถเรียกข้อความที่ตัดตอนมานี้ตามมาในแม่แบบของคุณ

echo wpse_custom_excerpts($limit);

$limitจะมีการนับคำของคุณอยู่ที่ไหนดังนั้นจะตัดตอนมา 30 คำ

echo wpse_custom_excerpts(30);

มีสิ่งหนึ่งที่ต้องจำที่นี่หากคุณตั้งค่าขีด จำกัด ของคุณเป็นมากกว่า 55 คำจะมีการส่งกลับ 55 คำเท่านั้นเนื่องจากข้อความที่ตัดตอนมามีความยาวเพียง 55 คำ หากจำเป็นต้องตัดตอนอีกต่อไปให้ใช้get_the_contentแทน

ความยาวของการตัดที่กำหนดเอง

หากคุณต้องการเปลี่ยนความยาวของthe_excerpt()คุณสามารถใช้ฟังก์ชั่นต่อไปนี้

function wpse_excerpt_length( $length ) {
    return 20;
}
add_filter( 'excerpt_length', 'wpse_excerpt_length', 999 );

โปรดจำไว้ว่าคุณจะต้องตั้งค่าลำดับความสำคัญสูงกว่า 10 เพื่อให้ฟังก์ชันที่กำหนดเองของคุณดำเนินการหลังจากค่าเริ่มต้น

เพิ่มอ่านลิงก์เพิ่มเติม

ข้อความทั้งหมดที่ส่งกลับโดยข้อความที่ตัดตอนมามีความเกลียดชัง[...]ในตอนท้ายที่ไม่สามารถคลิกได้ เพื่อเพิ่มข้อความอ่านเพิ่มเติมในสถานที่ของ Hellips ใช้ฟังก์ชั่นนี้

 function wpse_excerpt_more( $more ) {
    return ' <a class="read-more" href="'. get_permalink( get_the_ID() ) . '">' . __('Read More', 'your-text-domain') . '</a>';
}
add_filter( 'excerpt_more', 'wpse_excerpt_more' );

แก้ไข

ตัดตอนย่อหน้าแรก

ฉันต้องการที่จะให้สมบูรณ์นี้ดังนั้นนี่คือข้อความที่ตัดตอนหลังจากวรรคแรก

นี่คือฟังก์ชั่นที่ช่วยให้แท็ก HTML อยู่ในชั้นเชิงเพิ่มลิงก์ "อ่านเพิ่มเติม" ที่ส่วนท้ายของข้อความที่ตัดตอนมาและตัดตอนข้อความที่ตัดตอนมาหลังย่อหน้าแรก

if ( ! function_exists( 'wpse0001_custom_wp_trim_excerpt' ) ) : 

    function wpse0001_custom_wp_trim_excerpt($wpse0001_excerpt) {
        global $post;
        $raw_excerpt = $wpse0001_excerpt;
        if ( '' == $wpse0001_excerpt ) {

            $wpse0001_excerpt = get_the_content('');
            $wpse0001_excerpt = strip_shortcodes( $wpse0001_excerpt );
            $wpse0001_excerpt = apply_filters('the_content', $wpse0001_excerpt);
            $wpse0001_excerpt = substr( $wpse0001_excerpt, 0, strpos( $wpse0001_excerpt, '</p>' ) + 4 );
            $wpse0001_excerpt = str_replace(']]>', ']]&gt;', $wpse0001_excerpt);

            $excerpt_end = ' <a href="'. esc_url( get_permalink() ) . '">' . '&nbsp;&raquo;&nbsp;' . sprintf(__( 'Read more about: %s &nbsp;&raquo;', 'pietergoosen' ), get_the_title()) . '</a>'; 
            $excerpt_more = apply_filters('excerpt_more', ' ' . $excerpt_end); 

            //$pos = strrpos($wpse0001_excerpt, '</');
            //if ($pos !== false)
            // Inside last HTML tag
            //$wpse0001_excerpt = substr_replace($wpse0001_excerpt, $excerpt_end, $pos, 0);
            //else
            // After the content
            $wpse0001_excerpt .= $excerpt_more;

            return $wpse0001_excerpt;

        }
        return apply_filters('wpse0001_custom_wp_trim_excerpt', $wpse0001_excerpt, $raw_excerpt);
    }

endif; 

remove_filter('get_the_excerpt', 'wp_trim_excerpt');
add_filter('get_the_excerpt', 'wpse0001_custom_wp_trim_excerpt');

แก้ไข 29-10-2015

สำหรับผู้ที่ต้องการวิธีแก้ปัญหาเพื่อไม่แสดงลิงก์อ่านเพิ่มเติมหลังจากข้อความที่ตัดตอนมาเมื่อข้อความที่ตัดตอนมานั้นสั้นกว่าจำนวนคำที่ตั้งไว้โปรดดูคำถามและคำตอบต่อไปนี้

• อ่านเพิ่มเติมแท็กปรากฏในทุกโพสต์

เพิ่มแท็กเพิ่มเติมหากคุณต้องการ $allowed_tags = ...

function _20170529_excerpt($text) {
$raw_excerpt = $text;
if ( '' == $text ) {
    //Retrieve the post content. 
    $text = get_the_content('');

    //Delete all shortcode tags from the content. 
    $text = strip_shortcodes( $text );

    $text = apply_filters('the_content', $text);
    $text = str_replace(']]>', ']]>', $text);

    $allowed_tags = '<a>,<b>,<br><i>'; 
    $text = strip_tags($text, $allowed_tags);

    $excerpt_word_count = 55; /*** MODIFY THIS. change the excerpt word count to any integer you like.***/
    $excerpt_length = apply_filters('excerpt_length', $excerpt_word_count); 

    $excerpt_end = '[...]'; /*** MODIFY THIS. change the excerpt endind to something else.***/
    $excerpt_more = apply_filters('excerpt_more', ' ' . $excerpt_end);

    $words = preg_split("/[\n\r\t ]+/", $text, $excerpt_length + 1, PREG_SPLIT_NO_EMPTY);
    if ( count($words) > $excerpt_length ) {
        array_pop($words);
        $text = implode(' ', $words);
        $text = $text . $excerpt_more;
    } else {
        $text = implode(' ', $words);
    }
}
return apply_filters('wp_trim_excerpt', $text, $raw_excerpt);
}

จาก: http://bacsoftwareconsulting.com/blog/index.php/wordpress-cat/how-to-preserve-html-tags-in-wordpress-excerpt-without-a-plugin/

คุณสามารถเพิ่ม rich text editor สำหรับข้อความที่ตัดตอนมาเช่นกันเพิ่มโค้ดด้านล่างในไฟล์ปลั๊กอินหรือไฟล์ function.php ของชุดรูปแบบและคุณจะสามารถดูตัวแก้ไข HTML สำหรับข้อความที่ตัดตอนมา นอกจากนี้มันจะแสดงข้อความที่ตัดตอนมาในรูปแบบ HTML เช่นกัน #cheers

ฉันได้คัดลอกสิ่งนี้จากที่อื่น แต่ไม่จำแหล่งที่มา ฉันใช้สิ่งนี้ในโครงการทั้งหมดของฉันและมันใช้งานได้

/**
  * Replaces the default excerpt editor with TinyMCE.
*/
add_action( 'add_meta_boxes', array ( 'T5_Richtext_Excerpt', 'switch_boxes' ) );
class T5_Richtext_Excerpt
{
    /**
     * Replaces the meta boxes.
     *
     * @return void
     */
    public static function switch_boxes()
    {
        if ( ! post_type_supports( $GLOBALS['post']->post_type, 'excerpt' ) )
        {
            return;
        }

        remove_meta_box(
            'postexcerpt', // ID
            '',            // Screen, empty to support all post types
            'normal'      // Context
        );

        add_meta_box(
            'postexcerpt2',     // Reusing just 'postexcerpt' doesn't work.
            __( 'Excerpt' ),    // Title
            array ( __CLASS__, 'show' ), // Display function
            null,              // Screen, we use all screens with meta boxes.
            'normal',          // Context
            'core',            // Priority
        );
    }

    /**
     * Output for the meta box.
     *
     * @param  object $post
     * @return void
     */
    public static function show( $post )
    {
        ?>
        <label class="screen-reader-text" for="excerpt"><?php
        _e( 'Excerpt' )
        ?></label>
        <?php
            // We use the default name, 'excerpt', so we don’t have to care about
            // saving, other filters etc.
            wp_editor(
                self::unescape( $post->post_excerpt ),
                'excerpt',
                array (
                    'textarea_rows' => 15,
                    'media_buttons' => FALSE,
                    'teeny'         => TRUE,
                    'tinymce'       => TRUE
                )
            );
    }

    /**
     * The excerpt is escaped usually. This breaks the HTML editor.
     *
     * @param  string $str
     * @return string
     */
    public static function unescape( $str )
    {
        return str_replace(
            array ( '&lt;', '&gt;', '&quot;', '&amp;', '&nbsp;', '&amp;nbsp;' ),
                array ( '<',    '>',    '"',      '&',     ' ', ' ' ),
                $str
        );
    }
}