Argon主题代码高亮缩进

有网友反映Argon主题自带代码块无法缩进,这里提供两种解决方案。

方案一:使用WP插件

使用pure-highlightjs插件

优点:无须配置即用,缺点:若不手动修改html则可能底部多出一空行。

点击WordPress经典编辑器的代码块按钮,即可插入代码

方案二:手动配置插件

1、下载插件

下载mce_code_plugin压缩包,解压到/wp-content/plugins目录。

注意:这不是标准的WordPress插件(你需要自己配置)

将文件mce_code_plugin.htm和mce_code_plugin.js里的https://www.szfx.top/改为你的网址

2、添加相关函数

在functions.php文件内添加函数

// code highlight
function spces_code_plugin() {
   if ( ! current_user_can('edit_posts') && ! current_user_can('edit_pages') ) {
      return;
   }
   if ( get_user_option('rich_editing') == 'true' ) {
      add_filter( 'mce_external_plugins', 'specs_mce_external_plugins_filter' );
      add_filter( 'mce_buttons', 'specs_mce_buttons_filter' );
   }
}
add_action('admin_head', 'spces_code_plugin');
function specs_mce_external_plugins_filter($plugin_array) {
    $plugin_array['specs_code_plugin'] = 'https://www.szfx.top/wp-content/plugins/mce_code_plugin/mce_code_plugin.js';
    return $plugin_array;
}
function specs_mce_buttons_filter($buttons) {
    array_push($buttons, 'specs_code_plugin mce-i-wp_code');
    return $buttons;
}

注意修改https://www.szfx.top/为你的网址

一定不要偷懒,不改这些网址,则在你的编辑器内是无法使用的。

3、使用方法

WordPress经典编辑器的出现代码块按钮,点击即可插入代码

文件下载

上述文件下载:https://pan.quark.cn/s/6ae2aeab1f28

本文采用 CC BY-NC-SA 3.0 Unported 许可,转载请以超链接注明出处。
原文地址:Argon主题代码高亮缩进 作者:松鼠小
暂无评论
本文评论已关闭
上一篇
下一篇