Comment définir une taille de police dans summernote?

J'ai été en utilisant summernote que mon éditeur de texte par défaut, mais je n'ai pas été en mesure de définir un particulier, une taille de police par défaut quand je l'initialiser.

pour l'instant j'ai essayé

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

et

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

Ant aide sera appréciée.

Essayez fontSize avec une majuscule S?
au début, j'ai aussi de faire quelques essais avec fontSize:'18px', fontSize:18, font-size... avec pas de chance, alors je prends un coup d'oeil sur summernote et de la manière la plus facile que j'ai vu c'est pour utiliser $('.note-editable').css('font-size','18px'); comme je l'explique dans la réponse.

OriginalL'auteur Bazinga777 | 2014-11-19

  1. 7

    Je n'ai jamais utiliser summernote, cependant, l'examen du API il n'y a rien (au moins maintenant) pour spécifier la taille de police par défaut, je fais un test en faisant quelques essais, comme vous, et il semble que personne ne travaille.

    Une solution possible à ce problème est d'appliquer directement les font-size style de l'éditeur div à l'aide de jQuery parce que quand vous initialisez summernote dans un objet toujours créer le suivre div : <div class="note-editable" ...>...</div>. Ainsi, vous pouvez faire le suivi après l'initialisation $('.note-editable').css('font-size','18px'); dans votre code, cela pourrait être:

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

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

    Cette solution est un peu compliqué, un si le class nom de la div éditeur de changement sur la prochaine version cela ne fonctionne pas mais peut-être que c'est suffisant pour votre cas.

    Espère que cette aide,

    J'ai pensé à ce sujet, si il n'y a pas d'autres options, je vais utiliser ce. Merci, je voulais juste être sûr que si il y avait une option pour ce faire.
    Je n'ai jamais travailler avec summernote avant, donc je ne suis pas sûr à 100% qu'il y est un autre moyen de le faire, cependant je prends un coup d'oeil à l'API, comme je l'ai dit dans ma réponse et je ne vois pas une autre option. Jusqu'à ce que vous n'avez pas trouvé une autre façon, vous pouvez utiliser cette option :).

    OriginalL'auteur albciff

  2. 1

    ou définir la valeur par défaut via css

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

    OriginalL'auteur PowPi

  3. 0

    Vous pouvez définir la taille de police du texte sélectionné,

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

    mais il semble y avoir aucune API pour sélectionner du texte.

    Étant incapable de définir la taille de police par défaut est assez étrange, j'ai donc déposé un problème dans leur repo.

    OriginalL'auteur Dan Dascalescu