javascript - 将自定义下拉菜单/按钮添加到 Redactor WYSIWYG

Question

我有两个问题:

1. 我正在尝试使用这样的按钮:

   buttons: buttons,
   buttonsCustom: {
     sh: {
       title: 'Syntax Highlighter', 
       callback: function(){
         var html = "<pre class='brush:'></pre>";
         this.execCommand('inserthtml', html);
       }
     }
   }
   

   我的按钮出现了，但是当我点击它时，它说“this”没有“execCommand”功能。它是如何工作的 ？我怎么能说“这个”是 Redactor 呢？你知道我的意思吗？

2. 是否可以创建下拉列表？

Answer 1

我想添加一个自定义按钮，就像在 redactor 中一样。我拿了你的代码，我为了我的目的改变了代码。它对我有用，你可以看看:

$(document).ready(
    function()
    {
        $('.redactor').redactor({ 
            focus: true,
            buttonsAdd: ['|', 'token'], 
            buttonsCustom: {
                token: {
                    title: 'Ajouter une variable', 
                    dropdown: {
                        header: {title: 'Entête',callback: function(obj){obj.insertHtml('%header%');}},
                        footer: {title: 'Signature',callback: function(obj){obj.insertHtml('%footer%');}},
                        last_name: {title: 'Nom',callback: function(obj){obj.insertHtml('%last_name%');}},
                        first_name: {title: 'Prénom',callback: function(obj){obj.insertHtml('%first_name%');}},
                        date: {title: 'Date',callback: function(obj){obj.insertHtml('%date%');}},
                        contract: {title: 'Contrat',callback: function(obj){obj.insertHtml('%contract%');}}
                    }
                } 
            }
        }); 
    }
);

干杯