Wie stelle ich die Schriftgröße in der Sommernote ein?

Ich habe Summernote als Standard-Texteditor verwendet, aber ich konnte eine bestimmte Schriftgröße nicht standardmäßig festlegen, wenn ich sie initialisiere.Wie stelle ich die Schriftgröße in der Sommernote ein?

bisher habe ich versucht,

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

und

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

Ant Hilfe wird geschätzt.

Quelle

2014-11-19 Bazinga777

Try 'fontSize' mit einem Großbuchstaben 'S'? –

@torzaburo zuerst mache ich auch ein paar Versuche mit 'fontSize: '18px'',' fontSize: 18', 'font-size' ... ohne Glück, dann schaue ich auf' summernote' und den einfachen Weg Ich sah, dass $ '('.note-editable') .css ('font-size', '18px');' wie ich in der Antwort erkläre. – albciff

Ich habe nie summernote verwenden, aber mit Blick auf die API gibt es nichts (zumindest jetzt), um die Standardschriftgröße anzugeben, mache ich einen Test einige Versuche wie Sie und scheint, dass niemand funktioniert.

Eine mögliche Lösung dieses Problems ist direkt mit dem font-size Stil an den Herausgeber div mit jQuery anzuwenden, denn wenn man summernote in einem Objekt initialisieren immer die div folgen erstellen: <div class="note-editable" ...>...</div>. So können Sie die Folge nach der Initialisierung tun $('.note-editable').css('font-size','18px'); in Ihrem Code könnte dies sein:

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

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

Diese Lösung ist es ein wenig schwierig ein, wenn die class Namen des Änderungs div Editor an der nächsten Version dieses jedoch nicht funktionieren vielleicht ist es genug für deinen Fall.

hoffe, das hilft,

Quelle

2014-11-19 07:45:24 albciff

Ich dachte darüber nach, wenn es keine anderen Optionen gibt, werde ich das verwenden. Danke, wollte nur sicher sein, ob es eine Option dafür gibt. – Bazinga777

Ich habe noch nie mit 'summernote' gearbeitet, daher bin ich mir nicht 100% sicher, dass es einen anderen Weg gibt, aber ich schaue mir die API an, wie ich in meiner Antwort gesagt habe und ich habe keine andere Option gesehen . Solange Sie keine andere Möglichkeit gefunden haben, können Sie diese Option ':)' verwenden. – albciff

Sie können die Schriftgröße des aktuell ausgewählten Text festgelegt,

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

aber es scheint kein API zu sein Text auszuwählen.

Da es nicht möglich ist, die Standardschriftgröße einzustellen, ist das ziemlich seltsam, so dass ich filed an issue in their repo.

Quelle

2015-09-11 08:47:02

oder das Standard über CSS

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

Quelle

2016-01-19 13:12:17 PowPi

Wie stelle ich die Schriftgröße in der Sommernote ein?

Antwort

Verwandte Themen