ckeditor

Trouver les images intégrées dans le body (avec ckeditor et media)

Ona vu qu'avec la relation Translation, on ne voyait pas les images intégrées dans le body - et pour lesquelles Entity type est vide, Entity ID=0 et use count=0.
On souhaite créer une vue qui permette de voir et trouver ces images.

Soucis ckeditor: impossible d'ajouter une image dans body (maj File entity et Media)

On ajoute image: dl ok, mais 404 quand on sauve.

Avec CKEditor 7.x-1.15 (lib CKEditor 3.6.2 dans all/modules/ckeditor/ckeditor) ; File entity 7.x-2.0-beta1 ; Media 7.x-2.0-alpha4

attributs HTML rel avec drupal

https://html.spec.whatwg.org/multipage/semantics.html#linkTypes

En utilisant ckeditor, onglet avancé Relation (en bas gauche) correspond à l'attribut rel.

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 !

Pages

S'abonner à RSS - ckeditor