Summernote js编辑

时间:2016-09-02 14:32:29

标签: jquery wysiwyg summernote

当我为SummerNote v0.8.2设置自己的选项时,如何显示字体名称?

这是我的设置代码,在文档就绪时运行:

$('.summernote').summernote(
            {
                height: 100
                , width: 350
                , placeholder: 'Please enter your contact information here'
                , dialogsFade: true                                        
                , fontNames: ['Arial', 'Calibri', 'Consolas', 'Courier New', 'Garamond', 'Georgia', 'Lucida Console', 'Lucida Sans', 'Segoe UI', 'Tahoma',
                    'Tempus Sans ITC', 'Times New Roman', 'Trebuchet MS', 'Verdana']
                , toolbar: [                        
                     ['style', ['bold', 'italic', 'underline', 'clear']]
                    ,['fontname', ['fontname']], 
                    , ['fontsize', ['fontsize']]                        
                    , ['color', ['color']]                        
                ]
            }
            );

以下是使用上述设置显示的方式,(鼠标悬停,导致字体系列可见):

enter image description here

我希望它也显示字体名称,而不仅仅是在下拉列表中。当我使用默认设置时,没有选项,我可以看到它 - 就像这样,也显示在他们的网站上:

enter image description here

设置默认字体也无法解决此问题。有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:1)

基本设置如下:

$(document).ready(function() {

                $('.summernote').summernote({
                    height: 500,
                    toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['fontname', ['fontname']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']]
                ],

字体区域如下所示:

enter image description here

注意这一行:

['fontname', ['fontname']],

不确定发生了什么事如此编辑并提供了帮助我的链接:

https://github.com/summernote/summernote/issues/651