ckeditor

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 !

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.

Pages

S'abonner à RSS - ckeditor