Les styles de ckeditor

https://www.lullabot.com/articles/styling-the-wysiwyg-editor-in-drupal-8

Dans cet ex, le front (vu pas les surfeurs) est "Custom Theme", basé sur bootstrap avec ajout de polices, mais l'éditeur utilise le thème d'admin (du core) Seven, elle souhaite qu'ils soient plus semblables (pour ne pas dérouter l'éditeur).

Il y a 2 facons de modifier les styles dans l'éditeur WYSIWYG (utilisé par l'éditeur ou auteur du post) :

  • ajouter les informations au fichier info.yml (du thème par défaut), ou
  • implémenter HOOK_ckeditor_css_alter() via un module ou dans le theme.

Le plus rapide est de modifier le thème front end => custom_theme.info.yml
1. Les fichiers font-family.css et style.css files sont les fichiers CSS du thème front-end qu'on veux envoyer dans l'éditeur WYSIWYG.

name: "Custom Theme"
description: A subtheme of Bootstrap theme for Drupal 8.
type: theme
core: 8.x
base theme: bootstrap
ckeditor_stylesheets:
  - https://fonts.googleapis.com/css?family=Open+Sans
  - css/font-family.css
  - css/style.css
libraries:
  ...

 

Voir aussi

https://www.drupal.org/docs/8/api/ckeditor-api/overview

https://www.drupal.org/docs/8/core/modules/ckeditor/contributed-modules-...

 

 

logo drush