использование редактора wp() в пользовательском мета-поле
Я создаю пользовательский мета-блок с классическим вводом редактора, а не просто вводом. Причина использования wp_editor в том, что я хотел добавить абзацы текста внутри div, но простой ввод избежал html. Теперь я использую эту функцию. Теперь проблема в том, что когда я вывожу данные этого ввода редактора, они ускользают из html. Вот код, который я использую для вывода.
Эхо get_post_meta($post_id, 'небоскреб_пост', true);
Я использую этот код для добавления мета-боксы.
add_action( 'add_meta_boxes_post', function ( $post ) {
if ( $post->_wp_page_template === 'page-templates/skyscraper-post.php' ) {
add_meta_box( 'sky_post_excerpt', 'SkyScraper Post Excerpt and Links', 'sky_post_excerpts', 'post', 'advanced', 'high' );
}
});
function sky_post_excerpts() {
global $post;
$values = get_post_custom( $post->ID );
$data = get_post_meta($post->ID, 'skyscraper_post', true);
$strong_title = isset( $values['skyscraper_strong'] ) ? esc_html( $values['skyscraper_strong'][0] ) : "";
$title = isset( $values['skyscraper_post_title'] ) ? esc_attr( $values['skyscraper_post_title'][0] ) : "";
$text = isset( $values['skyscraper_post'] ) ? $values['skyscraper_post'][0] : "";
$image = isset( $values['skyscraper_post_image'] ) ? esc_attr( $values['skyscraper_post_image'][0] ) : "";
// We'll use this nonce field later on when saving.
wp_nonce_field( 'my_post_meta_box_nonce', 'post_meta_box_nonce' );
?>
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row">
<label><strong>Skyscraper Title</strong></label>
</th>
<td>
<p><input class="widefat" name="skyscraper_strong" id="skyscraper_strong" ><?php echo $strong_title; ?></input>
</p>
<p><input class="widefat" rows="4" name="skyscraper_post_title" id="skyscraper_post_title" value="<?php echo $title; ?>"/>
</p>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="skyscraper_post"><strong>Skyscraper Page Excerpt</strong></label>
</th>
<td>
<?php wp_editor( $data, 'post_meta_box', $settings = array('textarea_name'=>'skyscraper_post')); ?>
</p>
</td>
</tr>
<tr valign="top">
<th scope="row">
<label for="skyscraper_image"><strong>SVG Image Link</strong></label>
</th>
<td>
<p><input class="widefat" rows="4" name="skyscraper_post_image" id="skyscraper_post_image" value="<?php echo $image; ?>"/>
</p>
</td>
</tr>
</tbody>
</table>
<?php
}
Для сохранения данных я использую этот код.
add_action( 'save_post', 'post_meta_box_save' );
function post_meta_box_save( $post_id ) {
// Bail if we're doing an auto save
if( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) return;
// if our nonce isn't there, or we can't verify it, bail
if( !isset( $_POST['post_meta_box_nonce'] ) || !wp_verify_nonce( $_POST['post_meta_box_nonce'], 'my_post_meta_box_nonce' ) ) return;
// if our current user can't edit this post, bail
if( !current_user_can( 'edit_post' ) ) return;
//$allowed = wp_kses_allowed_html();
$allowed= array(
'p' => array(
'class' => array(),
'id' => array(),
),
'strong' => array(),
);
// Make sure your data is set before trying to save it
if( isset( $_POST['skyscraper_post'] ) )
update_post_meta( $post_id, 'skyscraper_post', wp_kses( $_POST['skyscraper_post'], $allowed ) );
// Make sure your data is set before trying to save it
if( isset( $_POST['skyscraper_post_image'] ) )
update_post_meta( $post_id, 'skyscraper_post_image', wp_kses( $_POST['skyscraper_post_image'], $allowed ) );
// Make sure your data is set before trying to save it
if( isset( $_POST['skyscraper_strong'] ) )
update_post_meta( $post_id, 'skyscraper_strong', wp_kses( $_POST['skyscraper_strong'], $allowed ) );
// Make sure your data is set before trying to save it
if( isset( $_POST['skyscraper_post_title'] ) )
update_post_meta( $post_id, 'skyscraper_post_title', wp_kses(
$_POST['skyscraper_post_title'], $allowed ) );
}
Я не знаю, почему html-код экранируется. Любая помощь будет признательна, спасибо.
1 answers
Возможно, это не решит проблему, но я надеюсь, что это поможет вам.
-
В функции
sky_post_excerpts()
я использовал это для отображения редактора TinyMCE/classic: ($data
являетсяget_post_meta($post->ID, 'skyscraper_post', true)
)<?php wp_editor( $data, 'post_meta_box', array('textarea_name'=>'skyscraper_post')); ?>
-
В функции
post_meta_box_save()
я сохранил мету таким образом, где$allowed
wp_kses_allowed_html()
:update_post_meta( $post_id, 'skyscraper_post', wp_kses( $_POST['skyscraper_post'], $allowed ) );
-
На интерфейсе я отображаю метаданные следующим образом:
// This is really just an example. And I was on a single post. echo get_post_meta( get_the_ID(), 'skyscraper_post', true );
И для меня все работало хорошо - весь HTML остался таким, как был сгенерирован TinyMCE редактор.
ОБНОВЛЕНИЕ
Если я использую визуальный не текст в TinyMCE, то теги p не отображаются
wp_kses_allowed_html()
при вызове без указания $context
параметр, будет использовать глобальную переменную $allowedtags
который представляет собой массив разрешенных KSE HTML-элементов, которые (по умолчанию) не включают p
теги/элементы.
Если вы хотите разрешить элементы p
, вы можете:
Используйте
wp_kses_allowed_html( 'post' )
, который будет использовать глобальный переменная$allowedposttags
который также содержит аналогичный массив, что и переменная$allowedtags
, но$allowedposttags
имеет множество разрешенных элементов, включаяtable
иvideo
.-
Или вручную включите элементы
p
:$allowed = wp_kses_allowed_html(); $allowed['p'] = array(); // allows all attributes!
-
То же, что и выше, но создайте свои собственные разрешенные теги:
$allowed = array(); $allowed['p'] = array(); // allows all attributes!
Но вы не должны разрешать все атрибуты.. итак:
$allowed['p'] = array(
'class' => true,
'id' => true,
...other attributes...
);