编程语言
首页 > 编程语言> > javascript-如何在summernote中设置字体大小?

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'
    });

蚂蚁的帮助将不胜感激.

解决方法:

我从来没有使用过summernote,但是看着API(至少现在)没有任何东西可以指定默认字体大小,我进行了像您一样的尝试,似乎没有人可以使用.

一种可能的解决方案是使用jQuery直接将字体大小样式应用于编辑器div,因为在对象中初始化summernote时,始终创建以下div:< div class =“ note-editable” ...>. ..&LT / 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');

这个解决方案有点棘手,如果div编辑器的类名在下一个版本上更改,则将无法正常工作,但是也许足以满足您的情况.

希望这可以帮助,

标签:javascript,summernote
来源: https://codeday.me/bug/20191010/1888344.html