Summernote js 编辑器答案

【问题标题】：Summernote js editorSummernote js 编辑器
【发布时间】：2017-01-10 17:14:19
【问题描述】：

当我为 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']]                        
                ]
            }
            );

这是使用上述设置的显示方式，（鼠标悬停，导致字体系列可见）：

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

设置默认字体也不能解决此问题。有什么想法吗？谢谢！

【问题讨论】：

你试过了吗？ fontNamesIgnoreCheck: ['Arial','Calbiri','etc']
谢谢。话虽这么说，现在出现了一个字体名称（只有 Helvetica 是可见的，尽管我的列表中没有这个。此外，当我选择某些内容时，下拉菜单不会改变，总是显示 helvetica。我注意到了这一点他们的网站也是。使用 Chrome 53.0.2785.89 m（当前版本，今天更新）。想法？
嗯。让我以后去试试。会给你反馈。
只有当您选择文本然后通过下拉菜单更改它时，下拉菜单才会保持更改。

标签： jquery wysiwyg summernote

【解决方案1】：

基本设置如下：

$(document).ready(function() {

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

字体区域如下所示：

注意这一行：

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

不知道发生了什么，所以编辑并给出了一些帮助我的链接：

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

【讨论】：