有时需要在文章输入一些HTML代码,一般我们会切换到文本编辑模式,但当你切换到可视化模式发表更新文章后,这些 HTML 代码会被WordPress过滤掉而丢失,那么如何防止误操作切换到可视化模式呢,WordPress本身也为我们准备了选项,进入人个资料 → 可视化编辑器,勾选“撰写文章时不使用可视化编辑器 ”。 这样编辑文章时仅有文本模式了,编辑其它文章时想使用可视化模式,还要改回来,那如何仅让指定的文章使用文本模式,而不影响其它文章使用可视化模式呢?可以用下面的代码实现。
将下面代码添加到当前主题函数模板functions.php中:
// 添加添加面板和保存选项
if ( is_admin() ) {
add_action( 'admin_init', 'zm_edit_in_html_create_options_box' );
add_action( 'admin_head', 'zm_edit_in_html_handler' );
add_action( 'save_post', 'zm_edit_in_html_save_postdata', $post );
}
// 关闭可视化
function zm_edit_in_html_handler() {
global $post;
// 检查这里是否有post对象,否则返回
if( $post == null ) return;
// 获取meta值并检查它是否已打开文本模式
$editInHTML = zm_edit_in_html_get_html_edit_status( $post->ID );
if ( $editInHTML ){
// 隐藏“可视化”选项卡
echo '<style type="text/css">';
echo '#content-tmce.wp-switch-editor.switch-tmce{display:none;}';
echo '</style>';
// 将编辑器设置为文本模式
add_filter( 'wp_default_editor', function () {
return 'html';
});
}
}
// 将选项面板添加到所有编辑页面中
function zm_edit_in_html_create_options_box() {
// 添加到页面
add_meta_box( 'zm-edit-in-html', '文本模式', 'zm_edit_in_html_custom_box', 'page', 'side' );
// 添加到文章
add_meta_box( 'zm-edit-in-html', '文本模式', 'zm_edit_in_html_custom_box', 'post', 'side' );
// 添加到所有文章类型
$args = array(
'public' => true,
'_builtin' => false
);
$post_types = get_post_types( $args, 'names' );
foreach ( $post_types as $post_type ) {
add_meta_box( 'zm-edit-in-html', '文本模式', 'zm_edit_in_html_custom_box', $post_type,'side' );
}
}
//创建选项框
function zm_edit_in_html_custom_box( $post ){
// 检查数据是否来自当前文章
wp_nonce_field( basename( __FILE__ ), 'zm_edit_in_html_noncename' );
// 获取当前文章的当前状态
$editInHTML = zm_edit_in_html_get_html_edit_status( $post->ID );
// 功能说明
echo '<p>当前文章始终保持在文本编辑模式</p>';
echo '<lazml class="selectit for="zm_edit_in_html">';
echo '<input class="checkbox" type="checkbox" id="zm_edit_in_html" name="zm_edit_in_html" value="on" ';
// If the option is currently zming used then check the options box
if ( $editInHTML ){
echo 'checked="checked"';
}
echo ' />';
echo '文本模式</lazml>';
}
// 获取总是在HTML中编辑选项字段,并检查它是否已设置
function zm_edit_in_html_get_html_edit_status( $id ) {
$editInHTML=get_post_meta( $id, 'editInHTML', true );
if( $editInHTML === "on" ) {
return true;
}
else{
return false;
}
}
// 保存选项
function zm_edit_in_html_save_postdata( $post_id ) {
// 快速检查以确保数据属于当前文章
if( !isset($_POST['zm_edit_in_html_noncename']) || !wp_verify_nonce( $_POST['zm_edit_in_html_noncename'], basename(__FILE__) ) ) {
return $post_id;
}
// 对于自动保存操作不执行任何操作
if( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
return $post_id;
}
// 检测有更新文章的权限
if( 'page' === $_POST['post_type'] ){
if( !current_user_can( 'edit_page', $post_id ) ) {
return $post_id;
}
} else {
if( !current_user_can( 'edit_post', $post_id ) ) {
return $post_id;
}
}
// 所有检查完成,保存选项。
if( isset( $_POST['zm_edit_in_html'] ) ) {
update_post_meta( $post_id, 'editInHTML', 'on' );
} else {
update_post_meta( $post_id, 'editInHTML', 'off' );
}
// 返回 $post_id 以保留其他过滤器。
return $post_id;
}
上述代码,会在经典编辑器右侧出现文本模式面板,勾选“文本模式”,更新发表文章后,再次编辑该文章,将始终处在文本编辑模式,而并不会影响其它文章,在可视化和文本间切换。
© 版权声明
本站技术资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权请联系邮箱i@lho.cc删除!
THE END