如何在Wordpress中为我的tinyMCE添加自定义按钮

问题描述

我想在我的tinyMCE编辑器中添加我的简码按钮

这是我的tinyMCE发起的方式

var tinymceSettings = {
            selector: '.wfaq-rich-text',height: 150,theme: 'modern',menubar: '',statusbar: false,branding: false,plugins: 'link image media wordpress wpeditimage lists',toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link media | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat',image_advtab: false,media_advtab: false,image_dimensions: false,media_dimensions: false,};          
        
        if( $('.wfaq-rich-text').length && typeof tinymce != 'undefined' ){
            
            tinymce.init(tinymceSettings);
        }

我想添加自定义按钮，该按钮在单击时将短代码[myshortcode att="30"]添加到我选择的编辑器中

我为TinyMCE制作了一个插件

  tinymce.create('tinymce.plugins.wfaq_plugin',{
        init : function(ed,url) {
                // Register command for when button is clicked
                ed.addCommand('wfaq_insert_shortcode',function() {
                    selected = tinyMCE.activeEditor.selection.getContent();

                    if( selected ){
                        //If text is selected when button is clicked
                        //Wrap shortcode around it.
                        content =  ''+selected+'[linespace gap="30"]';
                    }else{
                        content =  '[linespace gap="30"]';
                    }

                    tinymce.execCommand('mceInsertContent',false,content);
                });

            // Register buttons - trigger above command when clicked
             ed.addButton('wfaq_button',{title : 'Insert shortcode',cmd : 'wfaq_insert_shortcode',image: false });
        },});

    // Register our TinyMCE plugin
    tinymce.PluginManager.add('wfaq_button',tinymce.plugins.wfaq_plugin);

我的插件未启动

解决方法

我已经解决了

            var tinymceFaqSettings = {
            selector: '.wfaq-rich-text',height: 150,theme: 'modern',menubar: '',statusbar: false,branding: false,plugins: 'link image media wordpress wpeditimage lists wfaq_plugin',toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link media | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat | wfaq_button',image_advtab: false,media_advtab: false,image_dimensions: false,media_dimensions: false,setup: function (editor) {
            editor.addButton('wfaq_button',{
              text: 'Line Gap',icon: false,onclick: function () {
                editor.insertContent('[linespace gap="20"]');
              }
            });
          }
        };                      
        
        if( $('.wfaq-rich-text').length && typeof tinymce != 'undefined' ){
            
            tinymce.init(tinymceFaqSettings);
        }