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.