wordpress 如何将自定义按钮添加到Elementor文本编辑器小部件工具栏?

xqkwcwgp  于 2023-11-17  发布在  WordPress
关注(0)|答案(1)|浏览(185)

我试图添加一个自定义按钮到Elementor文本小工具栏旁边的其他按钮,如粗体,斜体,下划线等,似乎能够自定义使用PHP的示例可能会被禁用,但它是可以这样做,而不是使用JavaScript。
我可以使用下面的代码返回视图,但无法返回编辑器示例。

elementor.hooks.addAction( 'panel/open_editor/widget/text-editor', function( panel, model, view ) {}

字符串
我尝试了以下建议,但似乎没有返回任何东西。

// get active instances of the editor
let editor = tinymce.activeEditor;
var editor = elementor.editors.get(0).getEditModel().get('editor');
var activeEditor = view.getOption('editor');

在获得编辑器示例之后,建议的其余代码如下所示,但我没有走到这里。

// add a button to the editor buttons
editor.addButton('tooltip', {
  text: 'tooltip',
  icon: false,
  onclick: (editor) => {
    tooltipCallback(editor);
  }
});

// the button now becomes
let button=editor.buttons['tooltip'];

// find the buttongroup in the toolbar found in the panel of the theme
let bg=editor.theme.panel.find('toolbar buttongroup')[0];

// without this, the buttons look weird after that
bg._lastRepaintRect=bg._layoutRect;

// append the button to the group
bg.append(button);

dzjeubhm

dzjeubhm1#

你试过:

var editor = top.window.tinymce.activeEditor

字符串
可能会有帮助。

相关问题