Concrete5: 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:

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

Documentation officielle

Radeff's Wiki