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.