Image Resized Upload logo

Image Resized Upload plugin

Upload images with setting maximal size
Image Resized Upload screenshot
Image Resized Upload screenshotImage Resized Upload upload screenshotImage Resized Upload browse files screenshot
Image Resized Upload logo

Use Image Resized Upload add-on to quickly upload images with setting maximal size for them. All pictures you will upload to server are inserted into TinyMCE's document with using your template and size.

CKEditor 4 logo CKEditor 4
TinyMCE 6 logo TinyMCE 6
TinyMCE 5 logo TinyMCE 5
TinyMCE 4 logo TinyMCE 4

Install Image Resized Upload plugin in CKEditor 4

Download Image Resized Upload
ZIP archive of Image Resized Upload for CKEditor 4

Then do these simple steps:

  1. Copy ImageResizedUpload directory to ckeditor/plugins/.
  2. Edit CKEditor config and add ImageResizedUpload to extraPlugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Using config file
Using initialization script

Example of configuring with config.js

If you prefer to edit config.js config file of CKEditor or when your CKEditor initialization code is placed inside some non-editable part of CMS, make these changes there:

CKEDITOR.editorConfig = function(config) {
    config.extraPlugins = "ImageResizedUpload";
};

Example of configuring inside initialization code

Some CMSs do not use config.js file and let to edit CKEditor initialization script only. Do this changes there:

CKEDITOR.replace("#editor", {
    extraPlugins: "ImageResizedUpload",
});

Install Image Resized Upload plugin in TinyMCE 6

Download Image Resized Upload
ZIP archive of Image Resized Upload for TinyMCE 6
Self-hosted TinyMCE 6
Cloud TinyMCE 6

Install the plugin to TinyMCE 6 hosted on your server

  1. Copy ImageResizedUpload directory to tinymce/plugins/.
  2. Edit TinyMCE config and add ImageResizedUpload to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample TinyMCE initialization code with config inside it:

TinyMCE.init({
    selector: "#editor",
    plugins: "ImageResizedUpload",
});

Refer to TinyMCE add-ons installation manual for more details

Install the plugin to cloud edition of TinyMCE 6

  1. Copy ImageResizedUpload directory somewhere on your server where it can be accessible by a link.
  2. Specify the location of just copied Image Resized Upload plugin adding key-value pair in external_plugins TinyMCE config parameter.
  3. Edit TinyMCE config and add ImageResizedUpload to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample cloud TinyMCE initialization code with config inside it:

TinyMCE.init({
    selector: "#editor",
    plugins: "ImageResizedUpload",
    external_plugins: {
        "ImageResizedUpload": "http://example.com/public/ImageResizedUpload/plugin.min.js",
    },
});

Refer to TinyMCE add-ons installation manual for more details

Install Image Resized Upload plugin in TinyMCE 5

Download Image Resized Upload
ZIP archive of Image Resized Upload for TinyMCE 5
Self-hosted TinyMCE 5
Cloud TinyMCE 5

Install the plugin to TinyMCE 5 hosted on your server

  1. Copy ImageResizedUpload directory to tinymce/plugins/.
  2. Edit TinyMCE config and add ImageResizedUpload to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample TinyMCE initialization code with config inside it:

TinyMCE.init({
    selector: "#editor",
    plugins: "ImageResizedUpload",
});

Refer to TinyMCE add-ons installation manual for more details

Install the plugin to cloud edition of TinyMCE 5

  1. Copy ImageResizedUpload directory somewhere on your server where it can be accessible by a link.
  2. Specify the location of just copied Image Resized Upload plugin adding key-value pair in external_plugins TinyMCE config parameter.
  3. Edit TinyMCE config and add ImageResizedUpload to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample cloud TinyMCE initialization code with config inside it:

TinyMCE.init({
    selector: "#editor",
    plugins: "ImageResizedUpload",
    external_plugins: {
        "ImageResizedUpload": "http://example.com/public/ImageResizedUpload/plugin.min.js",
    },
});

Refer to TinyMCE add-ons installation manual for more details

Install Image Resized Upload plugin in TinyMCE 4

Download Image Resized Upload
ZIP archive of Image Resized Upload for TinyMCE 4

Then do these simple steps:

  1. Copy ImageResizedUpload directory to tinymce/plugins/.
  2. Edit TinyMCE config and add ImageResizedUpload to plugins parameter.

All the buttons this plugin will add to your toolbar automatically.

Example

Here you can see sample TinyMCE initialization code with config inside it:

TinyMCE.init({
    selector: "#editor",
    plugins: "ImageResizedUpload",
});

Refer to TinyMCE add-ons installation manual for more details

Reviews

Be the first who will write a feedback for this plugin.

Tell a friend about Image Resized Upload

Send