如何使用 WordPress TinyMCE 经典编辑器自带的 codesample 插件

WordPress 使用的经典编辑器是 TinyMCE,默认情况下,WordPress 自带的编辑器并没有包含 codesample 插件,如果使用下列代码:

function custom_tinymce_settings($settings) {
    $settings['toolbar'] .= ' codesample'; // 确保你的 toolbar1 中有足够的空间添加新按钮
    $settings['plugins'] .= ' codesample'; // 确保 plugins 中包含 codesample
    return $settings;
}
add_filter('tiny_mce_before_init', 'custom_tinymce_settings');

会提示找不到插件路径:

解决办法如下:

function code_sample_add_external_plugin($mce_plugins)
{
    // $mce_plugins['codesample'] = 'https://cdn.jsdelivr.net/npm/tinymce@4.9.11/plugins/codesample/plugin.min.js';
    $mce_plugins['codesample'] = get_template_directory_uri() . '/assets/lib/tinymce/codesample/plugin.min.js';
    return $mce_plugins;
}

function code_sample_button($mce_buttons)
{
    $mce_buttons[] = 'codesample';
    return $mce_buttons;
}

// 添加代码高亮
add_filter('mce_external_plugins', 'code_sample_add_external_plugin', 999, 1);
add_filter('mce_buttons', 'code_sample_button', 999, 1);

成功添加 codesample

收藏
评论
打赏
WordPress 使用 phpmyadmin 重置密码
上一篇
vt-dialog 主题自带的对话框插件
下一篇
像素鱼丸
50990 阅读
93 发布
3 收藏
动态
MirageV 主题 v2.19.0 发布
MarkerV 插件 v1.2.0 发布
MirageV 主题 v2.6.4 发布
LandV 企业主题 v2.6.0 发布
FishV 主题 v1.14 发布
BotV 插件 v1.7.0 发布
FishV 主题 v1.21.0 发布
MirageV 主题 v2.5 正式发布
生成中...
真诚赞赏,手留余香
登录
注册
重置密码