Personalizzare WYSIHTML5 Barra degli strumenti

Come si fa a personalizzare la barra degli strumenti in WYSIHTML5. Voglio disabilitare la dimensione del carattere e immagine, inserire pulsanti, in particolare per il WYSIHTML5 versione utilizzata nel Bootstrap X-modificabile.

OriginaleL’autore user2694939 | 2013-08-19

3 Replies
  1. 15

    Se ti capita di usare bootstrap-wysiwyg/bootstrap3-wysiwyg (che, ad esempio, utilizzato da gemma bootstrap-wysihtml5-rails), a partire dalla versione 3.0, è necessario nido all’interno della barra degli strumenti :

    $('#some-textarea').wysihtml5({
      toolbar: {
        "font-styles": true, //Font styling, e.g. h1, h2, etc.
        "emphasis": true, //Italics, bold, etc.
        "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers.
        "html": false, //Button which allows you to edit the generated HTML.
        "link": true, //Button to insert a link.
        "image": true, //Button to insert an image.
        "color": false, //Button to change color of font
        "blockquote": true, //Blockquote
        "size": <buttonsize> //options are xs, sm, lg
      }
    });
    Questa è la risposta…….molte grazie
    Che ha funzionato per me.. grazie

    OriginaleL’autore mdemolin

  2. 13

    È possibile disattivare la barra degli strumenti opzioni utilizzando i parametri di avvio:

    $('#[YOUR INPUT ID]').wysihtml5({
         "font-styles": false, //Font styling, e.g. h1, h2, etc.
         "emphasis": true, //Italics, bold, etc.
         "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers.
         "html": true, //Button which allows you to edit the generated HTML.
         "link": true, //Button to insert a link.
         "image": false, //Button to insert an image.
         "color": true //Button to change color of font
    });

    Questa info dovrebbe essere incollato nel tag:

    <head>
       <script> HERE </scrip>
    </head>

    OriginaleL’autore Renan Barreiro

  3. 6

    Si può fare tramite CSS

    ul.wysihtml5-toolbar li a[title="Insert image"] { display: none; }
    ul.wysihtml5-toolbar li.dropdown { display: none; }
    Questa soluzione funziona per me

    OriginaleL’autore Michael Bridak

Lascia un commento