如何在summernote中设置font-size？

Question

我一直使用summernote作为我的默认文本编辑器,但是在初始化时我默认无法设置特定的字体大小.

到目前为止我试过了

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

和

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

蚂蚁帮助将不胜感激.

Answer 1

我从来没有使用过summernote,但是看看API,没有任何东西(至少现在)指定默认字体大小,我做了一些测试做一些像你一样的尝试,似乎没有人工作.

一个可能的解决方案是直接将font-size样式应用于编辑器div,jQuery因为summernote在对象初始化时总是创建以下内容div:<div class="note-editable" ...>...</div>.因此,您可以$('.note-editable').css('font-size','18px');在代码初始化后执行以下操作,这可能是:

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

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

这个解决方案有点棘手,如果编辑器的class名称div在下一个版本上发生变化,这将不起作用,但也许这对你的情况来说已经足够了.

希望这可以帮助,