Barre d'outils personnalisée avec Summernote

Comment puis-je savoir quelles sont les fonctions qui peuvent être activées pour la barre d'outils de summernote, et comment le faire?

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

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

HTML:

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

InformationsquelleAutor Publicus | 2015-03-02
  1. 61

    dans settings.js Vous avez le réglage de base (avec toutes les options 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"

    • Cela a déménagé à src/js/defaults.js et a légèrement changé.
    • Est-il possible de régler le fonctionnement de la ['style', ['style']] section? Comme tout désactiver sauf <p> et <h5> balises?? Ceci est nécessaire afin que le client puisse pas gâcher le design tout en utilisant les balises h1 qui ne sont pas définis dans le Sass.
    • Pour ajouter de la vidéo: ["insertion", ['lien', 'image', 'vidéo', 'hr']],
    • avez-vous réussi à obtenir seulement <p> et <h5> balises? J'ai aussi besoin de ce.
    • pour gérer cela, utilisez la styleTags option: // default value is ['p', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'] styleTags: ['p', 'blockquote', 'pre']
    • Une autre remarque: styleTags option est un summernote option, pas une toolbar option.

    InformationsquelleAutor Sqrcz
  2. 8

    paragraphe comprend tiret et hausser, codeview qu'il suggère ne codeview.

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

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

    Si vous regardez sur les principaux Summernote site web, par opposition à l'API docs, vous verrez un exemple clair, qui explique comment personnaliser la barre d'outils. C'est sur la Plongée Profonde de la page et faites défiler jusqu'à la Barre d'outils Personnalisée. Il dresse aussi la liste des boutons disponibles.

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

    • Dans votre barre d'outils, vous définissez ['style', ['bold', 'italic',... où avez-vous mis h5tags? Au lieu de utilisez TOUS les styles de ce genre: ['style', ['style']]?
    InformationsquelleAutor Lee Elvin