Examples

Image resizing and positioning

This example shows how to set up the image resizing or change the text floating for the image.

<h3>Click on the image to edit or resize it</h3>
<figure style="float: left; margin: 0px 10px 10px 0px;">
    <img src="/assets/img/redactor/photo-1-small.jpg" alt="" width="400" height="267" />
</figure>
<p>Could you do an actual logo instead of a font I cant pay you? Can we try some other colors maybe? I cant pay you. You might wanna give it another shot, so make it pop and this is just a 5 minutes job the target audience makes and families aged zero and up will royalties in the company do instead of cash.</p>
<p>Can you punch up the fun level on these icons that sandwich needs to be more playful. That's great, but can you make it work for ie 2 please can you make the blue bluer? The target audience is makes and famles aged zero and up, or I need a website. How much will it cost. Will royalties in the company do instead of cash thats not what i saw in my head at all I really like the colour but can you change it. </p>
<p>Jazz it up a little I was wondering if my cat could be placed over the logo in the flyer I have printed it out, but the animated gif is not moving I have printed it out, but the animated gif is not moving make it original. Can you make it stand out more? Make it original.</p>

Code

<!--element -->
<textarea id="content"></textarea>

<!-- call -->
<script>
$R('#content', {
    imageUpload: '/your-upload-script/',
    imageResizable: true,
    imagePosition: true
});
</script>