Question

我需要在summernote中创建自定义h1标记按钮并应用自定义样式。我已经为标题h1创建了一个自定义按钮，但我不确定如何添加自定义样式我想在所有标题标签中添加font-style和font-family的自定义内联样式。我必须在保存时发送带样式的数据，所以添加一个css类也是不可行的。下面是代码

  var HelloButton = function (context) {
  var ui          = $.summernote.ui;
  // create button
  var button = ui.button({
    contents: '<h1/>H1',
    tooltip: 'Custom H1',
    click: function () {
      var range = context.invoke('editor.createRange');
      // invoke insertText method with 'hello' on editor module.
      var h1 = context.invoke('editor.formatH1');
      // $(h1).text(range.toString());
      context.invoke('editor.styleFromNode','h1');
    }
  });

  return button.render();   // return button as jquery object 
 }

如何为我创建的自定义按钮添加自定义内联样式。

提前致谢：）

Answer 1

您已在内联标题元素中添加css样式。

cssClass: customStyle

或

{{1}}

.customStyle {字体大小：10px的}

如何在summernote中为标头标签添加自定义样式

1 个答案: