Tinymce how to swim image?

Question

By default in tinymce there is no image floating, only image, text alignment, should I do it manually or already have some plugins? can't find ... or how can I get the currently selected items and swim them?

Answer 1

you can use the style_formats option.
The document is here: http://www.tinymce.com/wiki.php/Configuration:style_formats

This option allows you to add more complex style formats for text and other elements in the editor. The value of this parameter will be displayed as styles in the "Formats" drop-down list.

You can go this way when you initialize tinymce.

 tinymce.init({ ... style_formats: [ { title: 'Image Left', selector: 'img', styles: { 'float': 'left', 'margin': '0 10px 0 10px' } }, { title: 'Image Right', selector: 'img', styles: { 'float': 'right', 'margin': '0 0 10px 10px' } } ] }); 

Hope this helps.