如何使用 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 主题自带的对话框插件
下一篇
像素鱼丸
59807 阅读
98 发布
3 收藏
动态
MirageV 主题 v2.6.4 发布
LandV 企业主题 v2.6.0 发布
FishV 主题 v1.14 发布
BotV 插件 v1.7.0 发布
MirageV 主题 v2.5 正式发布
FishV 主题 v1.21.0 发布
MirageV 主题 v2.6.0 发布
MirageV-App 小程序 v1.2.2 发布
生成中...
真诚赞赏,手留余香
登录
注册
重置密码