在可视化编辑器 wordpress 中单击图像时添加自定义按钮

Posted 2023-05-09

【中文标题】在可视化编辑器 wordpress 中单击图像时添加自定义按钮

【英文标题】：Add a custom button when image click in visual editor wordpress

【发布时间】：2015-09-27 13:01:32

【问题描述】：

我想添加一个“addclass”按钮，当在 wordpress 的可视化编辑器中单击图像时会出现该按钮。

目前，出现此菜单：

当我的按钮被点击时，“.w50”类将被添加到我的图像中。 存在很多关于向 wordpress 编辑器添加按钮的插件，但没有关于这种类型的菜单。

感谢您的帮助。

【问题讨论】：

为了实现这一目标，您自己做了什么尝试？

@Epodax 我试图自己修改这个文件：wp-includes/js/tinymce/plugins/wpeditimage/plugin.js 但是我的 php 技能有限。我也试图用 Jquery 强制用“w50”替换当前图标和类“alignleft”的图像。

【参考方案1】：

您可以在 wp_editor 中制作自己的工具。所以请看下面的代码

$args = array(
    'tinymce' => true,
    'teeny' => true,
);
wp_editor( $Value, $Name, $args );

add_filter( 'teeny_mce_buttons', 'my_editor_buttons', 10, 2 );
function my_editor_buttons( $buttons, $editor_id ) 
    return array( 'formatselect', 'bold', 'italic' );

谢谢

【讨论】：

谢谢，但我不需要创建新编辑器，只需在现有编辑器上添加自定义特定按钮