Summernote'da yazı tipi boyutu nasıl ayarlanır?

Question

Varsayılan metin düzenleyicim olarak summernote kullanıyorum, ancak ilklendirdiğimde belirli bir font boyutunu varsayılan olarak ayarlayamadım.

şimdiye kadar ben

$('.active-textcontainer').summernote({ 
     toolbar: [ 
      ['style', ['bold', 'italic', 'underline']], 
      ['fontsize', ['fontsize']], 
      ['color', ['color']], 
      ['para', ['ul', 'ol', 'paragraph']] 
     ], 
     height:150, 
     fontsize:'18' 
    }); 

Ant yardım

$('.active-textcontainer').summernote({ 
     toolbar: [ 
      ['style', ['bold', 'italic', 'underline']], 
      ['fontsize', ['fontsize']], 
      ['color', ['color']], 
      ['para', ['ul', 'ol', 'paragraph']] 
     ], 
     height:150, 
     fontsize:'18px' 
    }); 

ve

çalıştılar takdir edilecektir.

Answer 1

'u hiçbir zaman kullanmamıştım, ancak API'a bakarak varsayılan yazı tipi boyutunu belirtmek için hiçbir şey (en azından şimdi) yok, bazı testler yapmak gibi bir test yapıyorum ve hiç kimse çalışmıyor gibi görünüyor. <div class="note-editable" ...>...</div>:

Bu olası bir çözüm, bir nesnede summernote başlatmak her zaman div izleyin oluşturmak çünkü jQuery kullanarak editör div doğrudan font-size stilini uygulamaktır. kodunuzda başlatma $('.note-editable').css('font-size','18px'); sonra takip yapabilirsiniz Yani bu olabilir:

$('.active-textcontainer').summernote({ 
    toolbar: [ 
     ['style', ['bold', 'italic', 'underline']], 
     ['fontsize', ['fontsize']], 
     ['color', ['color']], 
     ['para', ['ul', 'ol', 'paragraph']] 
    ], 
    height:150 
}); 

$('.note-editable').css('font-size','18px'); 

Bu çözüm sonraki sürümü div editör değişikliğinin class adı bu ancak belki işe yaramaz eğer bir o biraz zor oluyor Çantan için yeterli. Bu yardımcı olur

Umut,

Answer 2

Şu anda seçili metnin yazı tipi boyutunu ayarlayabilir,

$('.summernote').summernote('fontSize', 40); 

ancak metni seçmek için hiçbir API var gibi görünüyor.

Varsayılan yazı tipi boyutunu ayarlayamamak oldukça garip, yani filed an issue in their repo.

Answer 3

veya bir üst-case 'S'ye ile css

.note-editor .note-editable { 
    line-height: 1.2; 
    font-size: 18px; 
}