文章内容

2018/2/1 17:35:13,作 者: 黄兵

summernote 如何设置默认字体大小

最近一直不断完善Summernote编辑器的功能,Summernote默认字体很小,在写文章的时候用着很不爽,看了一下官方文档,设置字体大小的代码如下:

// @param {Number} font size - unit is px
$('#summernote').summernote('fontSize', 20);

但是如果这样写是没有效果的:

$('.active-textcontainer').summernote({
        toolbar: [
            ['style', ['bold', 'italic', 'underline']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']]
        ],
         height:150,
         fontsize:'18'
    });

之后参考了一下Stackoverflow的答案,修改如下:

$('.active-textcontainer').summernote({
    toolbar: [
        ['style', ['bold', 'italic', 'underline']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']]
    ],
     height:150
});

$('.note-editable').css('font-size','18px');

终于解决问题了。

有什么问题给我在下面留言。

参考资料:

How to set font-size in summernote?

黄兵个人博客原创。

转载请注明出处:黄兵个人博客 - summernote 如何设置默认字体大小

分享到:

发表评论

评论列表

user-ico

大河马 on 回复 有用(98

不错,这个答案解决了我的问题。

游客c(pA on 2020-09-14 09:35:12

cnm