在 WordPress TinyMCE 编辑器上添加表格按钮

禁用了古滕堡编辑器后,使用TinyMCE经典编辑器时,对编辑器有表格需求,那么需要加上表格按钮。除了使用WordPress表格插件以外,使用非插件方式怎么实现了?

核实TinyMCE版本

wp-includes/js/tinymce/tinymce.min.js文件中找到TinyMCE版本号:

TinyMCE版本号
TinyMCE版本号

在TinyMCE官网下载对应的TinyMCE版本:

TinyMCE 4.9.11 Prod
TinyMCE 4.9.11 Prod

主题集成Table按钮

TinyMCE Table
TinyMCE Table

将下载的TinyMCE中table创建解压到WordPress主题的js目录中:

WordPress主题文件functions.php中或者使用Code Snippets插件添加自定义代码:

function add_the_table_button( $buttons ) {
	array_push( $buttons, 'separator', 'table' );
	return $buttons;
 }
 add_filter( 'mce_buttons', 'add_the_table_button' );
 
 function add_the_table_plugin( $plugins ) {
	 $plugins['table'] = get_template_directory_uri() . '/js/table/plugin.min.js';
	 return $plugins;
 }
 add_filter( 'mce_external_plugins', 'add_the_table_plugin' );
WordPress Table
WordPress Table

添加完之后就可以看到经典编辑器中有Table按钮了。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注