web-dev-qa-db-fra.com

Barre d'outils personnalisée avec Summernote

Comment savoir quelles fonctions peuvent être activées pour la barre d'outils de summernote et comment le faire?

Dans la documentation de l'API, tout ce que je peux trouver est "barre d'outils: tableau (facultatif)" sans autre explication.

J'ai réussi à activer certaines fonctionnalités grâce à l'un des exemples, mais comment puis-je également activer: code, retrait et retrait?

$(".summernote").summernote({
        styleWithSpan: false,
        toolbar: [
                    ['style', ['bold', 'italic', 'underline', 'clear']],
                    ['color', ['color']],
                    ['para', ['ul', 'ol']]
                ]
        });
summernote
27
Publicus

dans settings.js Vous avez un réglage de base (avec toutes les fonctionnalités activées):

toolbar: [
    ['style', ['style']],
    ['font', ['bold', 'italic', 'underline', 'clear']],
    ['fontname', ['fontname']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
    ['height', ['height']],
    ['table', ['table']],
    ['insert', ['link', 'picture', 'hr']],
    ['view', ['fullscreen', 'codeview']],
    ['help', ['help']]
  ],

l'indentation est dans 'paragraphe'

63
Sqrcz

le paragraphe inclut le retrait et le retrait , vue de code comme il le suggère vue de code .

$('.summernote').summernote({
    toolbar: [
        //[groupname, [button list]]

        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['view', ['codeview']],
    ]
});

Si vous consultez le site Web principal de Summernote par opposition aux documents de l'API, vous verrez un exemple clair, qui explique comment personnaliser la barre d'outils. Il se trouve sur la page Deep Dive et descendez jusqu'à la barre d'outils personnalisée. Il répertorie également les boutons de barre d'outils disponibles.

http://summernote.org/#/deep-dive#custom-toolbar

10
Lee Elvin