6

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

蚂蚁帮助将不胜感激。

4

3 回答 3

9

我从来没有使用过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在下一个版本中更改，这将不起作用，但也许它对你的情况来说已经足够了。

希望这可以帮助，

于 2014-11-19T07:45:24.883 回答
1

或通过 css 设置默认值

.note-editor .note-editable {
    line-height: 1.2;
    font-size: 18px;
}
于 2016-01-19T13:12:17.157 回答
0

可以设置当前选中文本的字体大小，

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

但似乎没有选择文本的 API。

无法设置默认字体大小很奇怪，所以我在他们的 repo 中提出了一个问题。

于 2015-09-11T08:47:02.330 回答