Table des matières

ajouter des entrées CSS dans l'éditeur WYSIWYG

, ,
Objectif: avoir des entrées dans l'éditeur WYSIWYG avec des classes personnalisées.

Commencer par ajouter une css quick'n'dirty.

Si on utilise déjà un package ne pas oublier de le versionner avec git, histoire d'avoir un historique des changements en cas de mise à jour du package!

Une fois que c'est fait, ajouter la classe dans votre fichier css, là p. ex. j'ai créé une classe pour centrer: 

/*
hacks radeff
*/
.centrer{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
}

Ensuite, dans le thème, éditer le fichier 

  page_theme.php
si vous bossez avec stucco: 
  /packages/theme_stucco/themes/stucco/page_theme.php

Et ajouter: 

,
/*hacks radeff including previous comma!*/
array(
 'title' => t('Centrer'),
 'element' => 'div',
 'attributes' => array('class' => 'centrer')
)

à la fin, juste avant 

        );
    }
}

Si vous ne voyez pas le changement, pensez à vider le cache.

https://VOTRESITEC5/index.php/dashboard/system/optimization/clearcache

Enfin, résultat:

Documentation officielle