Module Drupal 7 : CKEditor Responsive Plugin

Posté le Jeudi 2 juin 2016 - 10:47
Dernière mise à jour le Vendredi 9 mars 2018 - 11:06
CKEditor Responsive Plugin

Mon premier module drupal officiellement publié sur drupal.org !

Il s'agit du module CKEditor Responsive Plugin, qui comme son nom l'indique est un plugin pour CKEditor qui permet d'insérer des zones responsives dans une zone WYSIWYG.

[[{"fid":"289","view_mode":"default","type":"media","link_text":null,"attributes":{"alt":"CKEditor Responsive Plugin - les zones dans le WYSIWYG","title":"CKEditor Responsive Plugin - les zones dans le WYSIWYG","height":342,"width":932,"style":"height:342px; width:932px","class":"file-default media-element"}}]]

Le module injecte en fait du markup HTML qui ressemble à ça :

<div class="ckeditor-col-container clearfix">
  <div class="grid-6 sixcol first-col"><p>lorem ipsum</p></div>
  <div class="grid-6 sixcol last-col"><p>lorem ipsum</p></div>
</div>

Ce qui permet à des néophytes de facilement mettre en place des architectures de contenu avancées sans passer par des tableaux, et sans avoir de templates pré-définis (comme avec paragraphs par exemple).

Le module est disponible sur sa page drupal à l'adresse suivante : https://www.drupal.org/project/ckeditor_responsive_plugin

Vous pouvez proposer des améliorations ou des idées soit en créant un ticket sur la page du module du site drupal.org ou bien encore sur github : https://github.com/kgaut/drupal-ckeditor-responsive-plugin

Le module est pour l'instant uniquement pour Drupal 7, mais je compte le porter sur Drupal 8 rapidement.

 

Comments

Posté le Mardi 14 juin 2016 - 10:52

Félicitations ! Jolie réalisation.

Cependant, est-ce qu'il est bien nécessaire de porter ce module pour D8 ?
Les thèmes seront logiquement tous responsives par défaut non ?

PS : J'ai raté ta conf au DCNantes :( alors j'espère que les vidéos seront bientôt dispos

Posté le Mardi 14 juin 2016 - 11:01

Merci ! ;)

Oui je pense que c'est utile aussi pour drupal 8. Car même si le thème est responsive, le client néophyte qui veut avoir une mise en page un peu avancée dans son contenu ne peut le faire actuellement. (Par exemple, image à gauche, texte à droite... colonage...)

Ajouter un commentaire

Ne sera pas publié

HTML restreint

  • Balises HTML autorisées : <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Les lignes et les paragraphes vont à la ligne automatiquement.
  • Les adresses de pages web et les adresses courriel se transforment en liens automatiquement.
CAPTCHA
Désolé, pour ça, mais c'est le seul moyen pour éviter le spam...