Добавьте пользовательское раскрывающееся меню/кнопку в Redactor WYSIWYG

У меня есть два вопроса:

  1. Я пытаюсь иметь такую ​​​​кнопку:

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

    Моя кнопка появляется, но когда я нажимаю на нее, она говорит, что «это» не имеет функции «execCommand». Как это работает ? Как я могу сказать, что «это» Редактор? Если вы понимаете, о чем я ?

  2. Можно ли создать выпадающий список?


javascript jquery wysiwyg redactor
person JulienITARD    schedule 23.11.2012    source источник

Ответы (3)


arrow_upward
6
arrow_downward

Я хотел добавить пользовательскую кнопку, как в редакторе. Я взял ваш код и изменил код для своей цели. Это работает для меня, вы можете посмотреть:

$(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%');}}
                    }
                } 
            }
        }); 
    }
);

Ваше здоровье

person Maxime Favier    schedule 13.12.2012

arrow_upward
1
arrow_downward

Я исправил сам:

callback: function(obj){
  var html = "<pre class='brush:'></pre>";
  obj.execCommand('inserthtml', html);
}
person JulienITARD    schedule 23.11.2012

arrow_upward
0
arrow_downward

Глядя на исходный код редактора (последняя версия 8.2.6), я заметил, что вы можете передать четвертый параметр функции addBtn API плагина для описания раскрывающегося списка. Итак, скажем, вы хотите добавить раскрывающееся меню «Размер шрифта» внутри плагина:

RedactorPlugins.fontSize = {

    init: function(obj) {

        btnCallback = function(obj,event,key) {
            // button actions, if any
        }

        dropdown = {
            small: {
                title: 'Small'
                callback: function(obj,event,key) { //set the font size to small }
            }
            medium: {
                title: 'Medium'
                callback: function(obj,event,key) { //set the font size to medium }
            }
        }

        this.addBtn('fontSize','Change font size', btnCallback, dropdown);
    }

}
person georgedyer    schedule 15.04.2013