2016-09-02 7 views
0

SummerNote v0.8.2에 대한 고유 한 옵션을 설정할 때 글꼴 이름을 어떻게 표시합니까? (볼 수 있도록 글꼴 가족의 원인, 마우스를 위로 가져 가면)는 위의 설정으로 표시하는 방법을Summernote js editor

$('.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

시도해 보셨습니까? fontNamesIgnoreCheck : [ 'Arial', 'Calbiri', 'etc'] –

+0

감사합니다. 즉, 글꼴 이름이 나타 났으 나 (내 목록에는 없지만 Helvetica 만 표시됩니다.) 또한 드롭 다운이 변경되지 않는 항목을 선택하면 항상 helvetica가 표시됩니다. 그들의 웹 사이트도. 크롬 53.0.2785.89 m (현재 버전, 오늘 업데이트) 사용. 생각 . – RichieMN

+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