- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
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,
- gif png jpg jpeg txt doc pdf mp3,
- Maximum image dimensions : 1200x1200
- conf des rep
- et vignettes: