2013-04-25 12 views
34

così inizializzo tinyMCE in una textarea. carattere, il corsivo in grassetto funziona ma la selezione della dimensione del carattere non funziona.come aggiungere barra dei caratteri in tinyMCE?

tinymce.init({ 
    selector: "textarea#content", 
    theme: "modern", 
    width: 586, 
    height: 300, 
    menubar:false, 
    font_size_classes : "fontSize1, fontSize2, fontSize3, fontSize4, fontSize5, fontSize6",//i used this line for font sizes 
    content_css: "css/content.css", 
    toolbar: "sizeselect | bold italic | fontselect | fontsize",//used font size for showing font size toolbar 
style_formats: [ 

    {title: 'Bold text', inline: 'b'}, 
      {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}}, 
      {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}}, 
      {title: 'Example 1', inline: 'span', classes: 'example1'}, 
      {title: 'Example 2', inline: 'span', classes: 'example2'}, 
      {title: 'Table styles'}, 
      {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'} 
    ], 
});** 

risposta

78

Tutto quello che dovete fare è aggiungere alla barra degli strumenti fontsizeselect config param:

toolbar: "sizeselect | bold italic | fontselect | fontsizeselect", 

Aggiornamento:

tinymce.init({ 
    fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt" 
}); 
+0

C'è qualche cosa che mostrano 12px invece di "dimensioni di carattere" – Hasnain

+1

vedi il mio post aggiornato – Thariama

3
theme_modern_font_sizes: "10px,12px,13px,14px,16px,18px,20px", 
font_size_style_values: "12px,13px,14px,16px,18px,20px", 

toolbar: "insertfile undo redo | fontsizeselect | 
2

Sono davvero infastidito come wordpress sembra tentare di far sì che la gente voglia scavare in secondo piano e giocare con i codici, anche per funzioni apparentemente basilari come chan caratteri ging.

Fortunatamente, ho trovato un modo per abilitare il menu delle dimensioni dei caratteri senza fare alcuna vera codifica.

Just -

  1. usare il plugin 'TinyMCE avanzata'
  2. attivarlo nelle impostazioni.

More detailed instructions here.

3

Questo può essere utile per la prospettiva. Qui di seguito è il mio codice JS TinyMCE init, che include l'opzione per il tipo e la dimensione del carattere ...

tinymce.init({ 
    selector: '#articletextarea', 
    plugins: [ 
    'advlist autolink lists link image charmap preview hr anchor pagebreak', 
    'searchreplace wordcount visualblocks visualchars code', 
    'insertdatetime media nonbreaking table contextmenu directionality', 
    'emoticons template paste textcolor colorpicker textpattern imagetools codesample' 
    ], 
    toolbar: 'codesample | bold italic sizeselect fontselect fontsizeselect | hr alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | insertfile undo redo | forecolor backcolor emoticons | code', 
    fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt", 
    height: "350", 
    menubar: false 
}); 
Problemi correlati