Conf avancée de ckeditor : iXe

Sur la vm2-zen, en /var/www/gandi/sites/ixe et db ganx2, http://x2

conf de base ckeditor / imce et filtres

Formats (admin/config/content/formats)

Redac F
Filtre activés: CKEditor Link Filter puis Limiter aux balises HTML autorisées, et
Balises HTML autorisées : <a> <p> <div> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <h3> <h4> <h5> <h6> <span> <hr> <br> <br /> <table> <caption> <tbody> <tr> <td> <pre>

Styles de ckeditor

Dans zen_me.info ajout  stylesheets[all][] = css/ckeditor.styles.css (y coller styles pour les voir lors de l'édition) ;
Personnaliser /sites/all/themes/zen_me/js/ckeditor-styles-x.js par ex:

{ name : 'Marqueur violet'    , element : 'span', attributes : { 'class' : 'violet' } },
{ name : 'Big'            , element : 'span', attributes : { 'class' : 'big' } },
{ name: 'Ombre', element: 'span', attributes: { 'class': 'zmombr1' } },
{ name : 'Titre 3 mauve'    , element : 'h3', attributes : { 'class': 'mauve' } },
{ name: 'Div grise', element: 'div', attributes: { 'class': 'zmbox1' } },

Ajout dans /sites/all/themes/zen_me/css/ckeditor.styles.css des définitions :

em.large_italics { font-size:1.3em; font-style:italic; }
.zmbox1 { width: 200px; padding: 10px; background-color: #D8D8D8 ; box-shadow: 8px 8px 5px #C0C0C0; }
.zmombr1 { text-shadow: 2px 2px 8px #7C4467; }
.mauve { color: #7C4467 ; background-color: #D8D8D8 ; box-shadow: 8px 8px 5px #C0C0C0 ; }
.big { font-size : 1.875em; }
.violet { color: white ; background-color : #7C4467 ; }

Profil global (admin/config/content/ckeditor/editg)

Chemin de CKEditor: %l/ckeditor et plugins %l/plugins

Profil Advanced_Redac (format Redac F)

  • Vert sombre, plugins: CKEditor Link, Plugin for inserting Drupal teaser and page breaks  et Plugin for inserting files from IMCE without image dialog
  • ACF / Extra allowed content : span(*);img[!alt,!src]{width,height}(left,right,center);figure{display:*}[*]; *(zmbox1,zmombr1,violet,gris,big,small);
  • Formats des polices de caractères : p;div;pre;address;h3;h4;h5;h6
  • CSS %tcss/ckeditor.styles.css,%tcss/ckeditor-internal.css et %tjs/ckeditor.styles-x.js
  • Configuration JavaScript personnalisée
    config.stylesCombo_stylesSet = 'my_styles:/sites/all/themes/zen_me/js/ckeditor-styles-x.js';
    config.stylesSet = 'my_styles:/sites/all/themes/zen_me/js/ckeditor-styles-x.js';

 

Paramètres explorateur de fichier IMCE %b%f/ et %d%b%f/

IMCE

Les 2 roles "users" ont le profil Général (config/media/imce/profile/edit/3):

  • 20 mo max,
  • Conf des répertoires accessibles par IMCE pour ixegif png jpg jpeg txt doc pdf mp3,
  • Maximum image dimensions : 1200x1200
  • conf des rep
  • et vignettes:

Vignettes : conf IMCE iXe

 

Conf des répertoires accessibles par IMCE pour ixe
Vignettes : conf IMCE