- 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
ACR et Enhanced Image
Enhanced Image est un plugin depuis CKEditor 4.3 (la lib) qui remplace image, donne un nouveau type de widget : image avec légende. Cf ttp://docs.ckeditor.com/#!/guide/dev_captionedimage
Par défaut utilise les styles in-line :
<figure class="image" style="float:right">
<img alt="MyImage" src="myimage.png" />
<figcaption>MyCaption</figcaption>
</figure>
Depuis CKEditor 4.4, avec CKEDITOR.config.image2_alignClasses on peux utiliser les classes CSS pour aligner.
Avec la conf :
CKEDITOR.replace( 'editor1', {
extraPlugins: 'image2',
image2_alignClasses: [ 'image-left', 'image-center', 'image-right' ],
image2_captionedClass: 'image-captioned',
} );
le code produit sera:
<figure class="image-captioned image-right">
<img alt="MyImage" src="myimage.png" /> <figcaption>MyCaption</figcaption>
</figure>
Plus à
http://ckeditor.com/tmp/4.4.0/widget-styles.html voir surtout en bas de page le code JS (dc la conf ckeditor) et CSS.