<p>It looks like the right way to do this is to tweak the redactor settings:</p>

<p><a href="https://github.com/craftcms/redactor#redactor-configs" rel="nofollow noreferrer">https://github.com/craftcms/redactor#redactor-configs</a></p>

<p>and </p>

<p><a href="https://imperavi.com/redactor/docs/settings/image/#s-imageposition" rel="nofollow noreferrer">https://imperavi.com/redactor/docs/settings/image/#s-imageposition</a></p>

<p>All you have to do is add this key to your redactor config:</p>

<pre><code>"imagePosition": true,
</code></pre>

<p>and clear your control panel cache.</p>

<p>The option for image position shows up on the 'edit image' screen.</p>

<p>If you want to use classes to control your image alignment and you want the redactor fields to continue to be WYSIWYG, you need to share those CSS classes between the CP and your front end. This answer will probably help: <a href="https://craftcms.stackexchange.com/questions/10834/where-do-i-add-custom-css-for-the-redactor-editor-in-the-craft-control-panel/10837#10837">Where do I add custom css for the Redactor editor in the Craft control panel?</a></p>

CC BY-SA 4.0
2018-10-09T16:05:09.580Z
2018-10-20T16:54:32.633Z
2018-10-20T16:54:32.633Z
mooreds
<p>I'm looking to let editors determine the alignment of images in a Redactor field. </p>

<p>I wasn't sure if it worked out of the box with Craft 3 (I'm using 3.0.9). </p>

<p>I did find this plugin: <a href="https://github.com/picdorsey/craft-redactorimageposition" rel="nofollow noreferrer">https://github.com/picdorsey/craft-redactorimageposition</a> but it looks like it is Craft 2 and I don't see any forks that are updated for Craft 3.</p>

<p>Any suggestions on how to let users in the Control Panel control alignment of images in a WYSIWYG field would be very helpful. (This link suggests using a Matrix field, but I'm not sure how that would give the user control: <a href="https://craftcms.stackexchange.com/questions/15543/using-the-redactor-rich-text-field-how-can-i-dynamically-wrap-my-images-with-a">Using the Redactor rich text field, how can I dynamically wrap my images with a fancyBox link (with attributes as parameters)?</a> )</p>

<craft3><redactor><image>
Is there a way to allow users to control alignment of images in the Redactor plugin using Craft 3
# Is there a way to allow users to control alignment of images in the Redactor plugin using Craft 3

(Asked by: username_0 on 2018-10-09)

I'm looking to let editors determine the alignment of images in a Redactor field.

I wasn't sure if it worked out of the box with Craft 3 (I'm using 3.0.9).

I did find this plugin: <https://github.com/picdorsey/craft-redactorimageposition> but it looks like it is Craft 2 and I don't see any forks that are updated for Craft 3.

Any suggestions on how to let users in the Control Panel control alignment of images in a WYSIWYG field would be very helpful. (This link suggests using a Matrix field, but I'm not sure how that would give the user control: [Using the Redactor rich text field, how can I dynamically wrap my images with a fancyBox link (with attributes as parameters)?](https://craftcms.stackexchange.com/questions/15543/using-the-redactor-rich-text-field-how-can-i-dynamically-wrap-my-images-with-a) )

**Tags:** craft3, redactor, image


---

## 1 answers

### Answer by username_0 on 2018-10-09. Score: 2

It looks like the right way to do this is to tweak the redactor settings:
https://github.com/craftcms/redactor#redactor-configs
and 
https://imperavi.com/redactor/docs/settings/image/#s-imageposition
All you have to do is add this key to your redactor config:
"imagePosition": true,

and clear your control panel cache.
The option for image position shows up on the 'edit image' screen.
If you want to use classes to control your image alignment and you want the redactor fields to continue to be WYSIWYG, you need to share those CSS classes between the CP and your front end. This answer will probably help: Where do I add custom css for the Redactor editor in the Craft control panel?


---

