如何在summernote中设置font-size?

时间:2014-11-19 07:41:30

标签: javascript summernote

我一直使用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'
    });

蚂蚁帮助将不胜感激。

3 个答案:

答案 0 :(得分:7)

我从不使用summernote,但是看API没有(至少现在)指定默认字体大小,我做了一些像你一样的尝试,似乎没有一个工作。

可能的解决方案是使用font-size直接将div样式应用于编辑器jQuery,因为在对象中初始化summernote时,始终创建以下{ {1}}: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名称在下一个版本上发生变化,这将无法正常工作,但这对你的情况来说已经足够了。

希望这有帮助,

答案 1 :(得分:1)

或通过css设置默认值

.note-editor .note-editable {
    line-height: 1.2;
    font-size: 18px;
}

答案 2 :(得分:0)

您可以设置当前所选文字的字体大小

$('.summernote').summernote('fontSize', 40);

但似乎没有API来选择文字。

无法设置默认字体大小非常奇怪,所以我filed an issue in their repo