home icon홈 / wordpress / 발췌문에 서식있는 텍스트 편집기 추가

발췌문에 서식있는 텍스트 편집기 추가

    • vote up icon 7 vote down icon
    • translation icon
    • view icon11140 calendar icon2012-07-12

    발췌 필드에 TinyMCE 고급 편집기를 추가해야합니다. 아이디어가 있습니까?

    저는 qTranslate 플러그인 (다국어)을 가지고 있는데이 플러그인과 편집기와 발췌문을 연결할 수 없습니다.

    감사합니다

    editor excerpt

4  대답

  • 투표
    • accept answer icon
    • translation icon
    • calendar icon 2012-07-12

    기본 출력을 바꾸면됩니다. 편집기로 보내기 전에 발췌 부분의 이스케이프를 해제해야합니다. 

     add_action( 'add_meta_boxes', array ( 'T5_Richtext_Excerpt', 'switch_boxes' ) );

/**
 * Replaces the default excerpt editor with TinyMCE.
 */
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
        );
    }
}

    여기에 이미지 설명 입력

    이 코드를 플러그인 또는 테마의 functions.php에 저장합니다.

    • 감사합니다. WP 4.9.x의 경우 2018 년에도 기본적으로 작동합니다. :)
    • 5.1 버전 (2019 년 2 월)에서 완벽하게 작동합니다. 감사합니다!
    • 구텐베르크 이후에도 2020 년에도 작동합니다 ( "클래식 편집기"플러그인이 활성화 된 상태에서만 테스트했지만)
    • translation icon
    • calendar icon 2012-07-12

    간단한 방법은 플러그인 서식있는 텍스트 발췌 를 사용하는 것입니다.p>

    플러그인은 wp_editor 함수를 사용하여 페이지/게시물 발췌를위한 서식있는 텍스트 편집기를 생성합니다.따라서 WordPress 3.3 이상에서만 작동합니다.

    • 시도해 보았지만 qTranslate 플러그인과 호환되지 않습니다. 작동하도록 할 아이디어가 있습니까?
    • 조사하겠습니다.
    • 발췌가 기본적으로 서식있는 텍스트 상자가 아닌 이유를 아십니까?
    • translation icon
    • calendar icon 2013-11-29

    풍부한 편집기를 얻으려면 wp_editor 함수를 사용해야 할 수 있습니다. 그런 다음 get_post_meta (또는 update_post_meta )를 사용하여 모든 정리 함수를 제거해야합니다. 그런 다음 htmlspecialchars_decode 함수를 사용하여 풍부한 콘텐츠를 가져와야합니다.

    원칙 살펴보기 : 

      add_action ( 'add_meta_boxes','adding_a_new_metaabox');
함수 adding_a_new_metaabox ()
    {
        add_meta_box ( 'html_myid_31_section','TITLE Hellooo','my_output_funct');
    }

함수my_output_funct ($post)
    {
//따라서get_post_meta 앞에esc_attr을 사용하지 마십시오.
    $ valueeee2=get_post_meta ($ _ GET [ 'post'],'SMTH_METANAME',true);
    wp_editor (htmlspecialchars_decode ($ valueeee2),'mettaabox_ID_stylee',$ settings=array ( 'textarea_name'=> 'MyInputNAMEE'));
    }


함수 save_my_post_data ($post_id)
{
 if (!empty ($ _ POST [ 'MyInputNAMEE']))
        {
        $ datta=htmlspecialchars ($ _ POST [ 'MyInputNAMEE']);
        update_post_meta ($post_id,'SMTH_METANAME',$ datta);
        }
}
add_action ( 'save_post','save_my_post_data');
    • 답변에 설명을 추가하세요. ** 왜 ** 문제가 해결 될 수 있나요?
    • translation icon
    • calendar icon 2015-09-30

    솔루션에 따라 글 제목 바로 뒤에 발췌 wysiwyg 편집기를 추가하세요.

    발췌

    다음 클래스를 Wordpress 프로젝트에 excerpt.php로 추가 

     class Excerpt {

    public function __construct() {
        add_filter('excerpt_more', [$this, 'excerpt_more']);
        add_action('edit_form_after_title', [$this, 'excerpt']);
        add_action('admin_menu', [$this, 'remove_excerpt_metabox']);
        add_filter('wp_trim_excerpt', [$this, 'wp_trim_excerpt'], 10, 2);
    }

    /**
     * Remove metabox from post
     */
    public function remove_excerpt_metabox() {
        remove_meta_box('postexcerpt', 'post', 'normal');
    }

    /**
     * Strip tags
     *
     * @param string $text
     * @return string
     */
    public function wp_trim_excerpt($text = '') {
        return strip_tags($text, '<a><strong><em><b><i><code><ul><ol><li><blockquote><del><ins><img><pre><code><>');
    }

    /**
     * More sign...
     *
     * @return string
     */
    public function excerpt_more() {
        return '&hellip;';
    }

    /**
     * Excerpt editor after post title.
     *
     * @param $post
     */
    public function excerpt($post) {
        if ($post->post_type !== 'post') return;
        wp_editor(
            html_entity_decode($post->post_excerpt),
            'html-excerpt',
            [
                'teeny' => true,
                'quicktags' => true,
                'wpautop' => true,
                'media_buttons' => false,
                'textarea_rows' => 7,
                'textarea_name' => 'excerpt'
            ]
        );
    }
}

    그런 다음 functions.php 파일에 다음 행을 추가하십시오. 

     require_once __DIR__ . '/excerpt.php';
$excerpt = new Excerpt();