ckeditor

Conf avancée de ckeditor : plugin Enhanced Image et styles

Enhanced Image est un plugin pour CKEditor (et requiert image2 et widget)http://ckeditor.com/addon/imageresponsive   v 4.4 seul

Requiert: Image2 (=> Widget, Line Utilities), Dialog, Clipboard.
Vers mes notes "comment installer un widget" pour ckeditor.

retirer h1 pour le contenu ?

En mode apercu, drupal formate le titre du contenu par h1 (sauf si on a modifié le thème en ce sens).

Donc pour respecter les standards du web, il faut non seulement configurer les filtres de ckeditor (qu'il retire en full et advanced h1) et de plus, retirer cette ligne de la liste déroulante "format de paragraphe".

Par ailleurs, par défaut drupal applique h2 à l'étiquette du vocabulaire:  <h3 class="field-label">Tags:</h3>

 

CKEditor - vérifier la présence de ACF par js

ACF Advanced content filter est actif avec la librairie ckeditor 4.

L'éditeur fournit un code javascript à ajouter dans ckeditor.js après un tag <script>, avec pour toute information "Si un filtre agit en input, la console js l'affichera".

Je trouve bien un ckeditor/ckeditor/ckeditor.js mais il y a 2 balises (lib 3.6.2, pourtant je vois bien une partie ACL).

ckeditor, le module qui rend fou

CKEditor travaille trop silencieusement et efface des données:

Styles ckeditor

La liste déroulante Style vient par défaut de ckeditor.styles.js

Ex style de block :  { name : 'div verte'    , element : 'div', styles : { 'border' : '2px #74b71f solid', 'background-color' : '#e2e9d3' } },

La syntaxe est dans la partie du livre "drupal 6".

ckeditor - bug avec le style code

Depuis 7.x.1.14 <code> a été retiré de la protection.

Pour le protéger, modifier ckeditor.config.js tq: retirer les deux // de la ligne (et vider le cache Ctrl+Maj+Del sous firefox): // config.protectedSource.push(/<code>[\s\S]*?<\/code>/gi);

cf https://drupal.org/node/1762328 et http://ckeditor.com/forums/Support/Content-inside-code-tags-not-shown-in...

Les filtres ckeditor

Coté sécurité, CkEditor est livré avec 2 profils: FULL (n'applique pas de transformation) et Filtered (qui retire plein de présentations, juste après avoir fait Enregistrer angry). En effet, avec "filtered", CkEditor retire toutes les def de style inline + des balises HTML: donc, pas d'alignement d'image, de taille ou de couleur de caractères !

conf media + ckeditor

par defaut, mettre full html en 1ere ligne (par defo), configuré ainsi:

module media

Le module Media 2 modifie le fonctionnement de File (admin/reports/fields) et d'autres modules du core de drupal 7. En mai 2018 : media 7.x-2.19, Drupal 8.4 a un module core intégré. Doc officielle.

Ajouter (à un type de contenu) un champ File avec le widget Media File Selector, l'afficher en Rendered File. Pour créer un style d'image aller à admin/config/media/image-styles. Enfin à admin/structure/file-types/manage/image/file-display choisir image pour défault et en bas affecter le style.

Enfin, le Theme prend le relais (file_entity.tpl.php du module file_entity).

Cette page ne parle pas de (lien vers mes notes concernant ces autres sujets)

Le module du core image sans media 2

Pour ajout d'image dans le body à l'aide de CKEditor (et avec media).  Note: à admin/content/file  on ne peux pas savoir dans quel noeud est l'image :( il faut donc créer une View.

techniques de dépannage ckeditor (ou autre module récalcitrant)

J'ai eu divers bugs liés à ckeditor (depuis un an, sur ce site dont je paie l'hébergement), Views, sans parler des omega...

Tout admin de drupal (ou toute autre application informatique), connait le phénomène des "bugs qui se déplacent". En cas d'erreur, on regarde les logs - et quand on n'y trouve RIEN d'inhabituel, on vit avec si c'est mineur - car l'on sait que cela peut aussi "retomber en marche".

En résumé, techniques de dépannage d'un module récalcitrant...

  1. après update.php, vider le cache drupal
  2. vider les caches du navigateur : CTRL F5 est insuffisant. Tester (firefox) CTRL+MAJ+SUPP. Et/ou tester avec un autre navigateur (IE, opéra...)
  3. désactiver les caches de drupal, désactiver la compression des .JS (voir des .css) ; tester, retourner au point 1
  4. documenter: consulter le README.TXT et site web du/des modules impliqués, vérifier l'installation des modules (versions, prérequis, notes des dev, droits des fichiers et dossiers chez l'hébergeur...) car c'est toujours utile smiley
  5. si toujours ko, pas d'erreurs dans les logs ni aucune piste:
    Tenter une modif mineure, sauver le user (ou la conf du module) et retester ; retourner au point 1.
  6. Utiliser Firebug: vérifier les droits des users (tester avec un nouvel user créé),
    ainsi que la conf (via URL admin de drupal) des modules suspectés (que l'on vient de modifier ou de mettre à jour).
  7. Penser à relancer son instance la nuit, regarder les incidents chez l'hébergeur, et retourner au point 1 (faire un backup bien sur)
  8. revenir à un thème de base, désactiver d'autres modules... c'est à dire sur une machine de dev si le dit bug touche la prod :)

 

Pages

S'abonner à RSS - ckeditor