Comment modifier la barre d'outils et la taille du bouton en tinyMCE

J'ai créé un éditeur de page et je vais essayer d'augmenter la taille de la barre d'outils et bouton,
C'est ce que j'ai essayé
Comment modifier la barre d'outils et la taille du bouton en tinyMCE

Ce que je veux est donnée ci-dessous

Comment modifier la barre d'outils et la taille du bouton en tinyMCE

Est-il un moyen de le faire dans tinyMCE, Toute l'aide reçue avec gratitude!

OriginalL'auteur super | 2012-10-18

  1. 3

    Par défaut, les TinyMCE accepte uniquement les icônes qui sont 20px par 20px dans la barre d'outils. Si vous voulez faire une personnalisation de l'icône de barre d'outils qui est plus large que 20 pixels, vous aurez besoin de modifier l'interface utilisateur.css dans TinyMCE. Modifier l'interface utilisateur.css (tiny_mce/themes/advanced/skins/default/ui.css) et de modifier les valeurs suivantes:

    .defaultSkin span.mceIcon, .defaultSkin img.mceIcon {display:block; width:20px; height:20px}
.defaultSkin .mceButton {display:block; border:1px solid #F0F0EE; width: 20px; height:20px; margin-right:1px}

    Changement largeur et hauteur valeur que vous voulez.

    En changeant .defaultSkin .mceButton classe la largeur du bouton augmenté, mais la taille de l'image n'est pas augmenté par l'évolution .defaultSkin durée.mceIcon, .defaultSkin img.mceIcon classe. Veuillez consulter ce lien de l'image i.stack.imgur.com/ax2iw.png
    Vous devez redimensionner la icons.gif image (tiny_mce/themes/advanced/img/icons.gif).
    S'il vous plaît dites-moi comment faire pour redimensionner cette image de fond
    Vous pouvez utiliser l'image de l'éditeur de programme. Comme Adobe Photoshop, Microsoft Office Picture Manager, etc.
    Ok merci pour l'aide

    OriginalL'auteur Fredy

  2. 0

    JQuery Approche :
    Lorsque vous exécutez l'instruction suivante sur la console du navigateur, 

    $('a[role=button]')

    Vous aurez 20px
    Ainsi ,vous pouvez faire les instructions suivantes :

    $('a[role=button],img.mceIcon,span.mceIcon').css({'width':'30px','height':'30px'})
$('img.mceIcon,span.mceIcon').css('margin','2px')

    OriginalL'auteur Abdennour TOUMI