summernote добавить межбуквенный интервал на панель инструментов - PullRequest
Новая
       12

summernote добавить межбуквенный интервал на панель инструментов

0 голосов
/ 02 октября 2019

Я хочу добавить функциональность на панель инструментов в Summernote. Я хотел бы поставить возможность контролировать межбуквенный интервал в виде счетчика или editText, но я не знаю, где его добавить. Я не могу понять это, хотя я пробую другие плагины. 

// toolbar
          toolbar: [
              ['style', ['style']],
              ['font', ['bold', 'underline', 'clear']],
              ['fontname', ['fontname']],
              ['color', ['color']],
			  ['fontSize', ['fontSize']],
			  ['letterSpace', ['letterSpace']],
              ['para', ['ul', 'ol', 'paragraph']],
              ['table', ['table']],
              ['insert', ['link', 'picture', 'video']],
              ['view', ['fullscreen', 'codeview', 'help']]
          ]

      this.fontName = this.wrapCommand(function (value) {
              return _this.fontStyling('font-family', "\'" + value + "\'");
          });
          this.fontSize = this.wrapCommand(function (value) {
              return _this.fontStyling('font-size', value + 'px');
          });
		  this.letterSpace = this.wrapCommand(function (value) {
              return _this.fontStyling('letter-spacing', value + 'px');
          });

1 Ответ

0 голосов
/ 04 октября 2019

добавить ниже button.fontSize 

this.context.memo("button.letter", function() {
                    return n.ui.buttonGroup([n.button({
                        className: "dropdown-toggle",
                        contents: n.ui.dropdownButtonContents('<span class="note-current-letter"/>', n.options),
                        tooltip: "font letter",
                        data: {
                            toggle: "dropdown"
                        }
                    }), n.ui.dropdownCheck({
                        className: "dropdown-letter",
                        checkClassName: n.options.icons.menuCheck,
                        items: n.options.letters,
                        title: "font letter",
                        click: n.context.createInvokeHandlerAndUpdateState("editor.letter")
                    })]).render()

this.fontSize = this.wrapCommand (function (t) Добавить нижний код внизу 

this.letter = this.wrapCommand(function(t) {
                    u.fontStyling("letter-spacing", t + "px")
                });

для toolvar и popover соответственно

['letter', ['letter']] и букв: ["8", "9", "10 "," 11 "," 12 "," 13 "," 14 "," 15 "," 16 "," 17 "," 18 "," 19 "," 20 "," 21 "," 22 ", "23", "24", "32", "48", "72", "112", "127", "254", "500"] добавлено. Решено.

...