Days
Hours
Minutes
Seconds
x

New Froala Editor v5.0.0 is here โ€“ Learn More

Skip to content
Froala Documentation

Ruby Image Resize

How it works

  1. Upload image to the server.
  2. Image is resized when it is stored on the server.

Jump to Complete Example

Image Upload

The Server Upload section describes the steps to upload an image to a server. Resizing images on the editor only changes the size displayed in the browser. Changing the physical size of an image occurs on the server side.

Resize Image

The editor's Ruby SDK uses the Ruby MiniMagick::Image method to resize images before storing them on disk. You can use all the options available for it.

class UploadController < ActionController::Base

  ...

  def upload_image
    options: {
      resize: {
        height: 200,
        width: 600
      }
    }

    FroalaEditorSDK::Image.upload(params, "public/uploads/images/", options)
  end

  ...

end

Complete Example

<script>
  new FroalaEditor('.selector', {
    // Set the image upload URL.
    imageUploadURL: '/image_upload',

    imageUploadParams: {
      id: 'my_editor'
    }
  })
</script>
class UploadController < ActionController::Base

  ...

  def image_upload
    options: {
      resize: {
        height: 200,
        width: 600
      }
    }
    render :json => FroalaEditorSDK::Image.upload(params, "public/uploads/images/", options)
  end

  ...

end

Do you think we can improve this article? Let us know.

Ready to dive in? Explore our plans

Sign up

Download the code by signing up for our newsletter

Sign up

Download the code by signing up for our newsletter

Note: By registering, you confirm that you agree to the processing of your personal data by Froala, Inc. - Froala as described in the Privacy Statement. Froala, Inc. - Froala is part of the Idera group and may share your information with its parent company Idera, Inc., and its affiliates. For further details on how your data is used, stored, and shared, please review our Privacy Statement.