javascript-如何在summernote中设置字体大小？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在summernote中设置字体大小？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1296字，纯文字阅读大概需要2分钟。

内容图文

我一直使用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中设置字体大小？全部内容，希望文章能够帮你解决javascript-如何在summernote中设置字体大小？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端