Web Yurt TinyMCE Image Uploader and Manager Plugin

The Web Yurt Custom TinyMCE Image Uploader and Manager Plugin gives you the ability to upload multiple images and manage them, including the ability to rename and delete them, all in one lightweight, custom designed image manager that won't hinder the speed of your work.

The plugin is fully responsive and will work well on any device where you choose to use it to upload and manage images for your website. This plugin enables you to quickly and easily upload and insert images in the TinyMCE editor.

GET AN ECOMMERCE WEBSITE Only £20 per month

Take a quick look at the Web Yurt Custom TinyMCE Image Uploader / Manager:

Web Yurt TinyMCE Image Manager

Installation

To use this image uploader, follow these three simple installation steps.

1. Upload the wy_image_manager folder to the desired destination on your server.

2. Locate the images folder, it includes some images for testing that the plugin has been installed correctly.

3. Locate the config.php file in the wy_image_manager folder. Here you can change the settings as required.

You can change the folder name from images to anything you want, and you can add any extensions you want in addition to the existing .jpg, .jpeg, .png and .gif extensions that are already present in the editor.

You can also change the maximum upload file size limit, and how many images to be displayed per page.

Benefits of the Web Yurt Custom TinyMCE Image Uploader / Manager Plugin

Uploaded images are automatically renamed to ensure that the file names are unique in order to avoid duplicate content. You also have the ability to rename the file names within the manager yourself.

Images can be easily deleted within the image manager when you no longer need them.

Previously uploaded images can be re-downloaded from the manager in case you lose your original source files.

You can also view the full sized images that you have uploaded within the manager.

See the Web Yurt Custom TinyMCE Image Uploader in action uploading multiple images all in one go:

Web Yurt TinyMCE Image Uploader

License

The Web Yurt TinyMCE Image Manager plugin is free for use in personal website projects.

For use in commercial websites, a donation is required.

You can modify this resource to your requirements to fit into your own projects, however we do not accept responsibility for any misuse.

Redistribution, reselling, leasing, licensing, sub-licensing or offering this resource to any third party is strictly prohibited. This includes uploading our resources to another website, marketplace or media-sharing tool, and offering our resources as a separate attachment from any of your work. If you do plan to include this resource on any project that will be sold on a website or marketplace, please contact us first to determine the proper use of our resource.

HOTLINKING is strictly prohibited i.e. you cannot make a direct link to the actual download file for this resource. For any attribution, please link to this page where the resource can be downloaded.

COMMENTS

  1. Davide
    February 28, 2021, at 4:31 pm REPLY

    This is the best free script, very well coded and easy to personalize...Thanks so much for this.I will send you some add-on to the script (different directory in the folder root) and compatibility with bootstrap library.

  1. Stéphane Rousset
    March 7, 2021, at 6:41 pm REPLY

    This looks great and the demo is quite nice. However, here comes the dumb question of the day: how do you "hook" that plugin to TinyMCE in WordPress? When I click on the "Insert/edit image" button in TinyMCE, or I used the Insert menu and I choose Image, I see nothing of the Web Yurt Image Uploader.

    I've put the wy_image_manager folder in public_html, the images folder is at the top level within wy_image_manager (exactly as it is in your Zip file), I haven't changed config.php

    But how can TinyMCE know that it should invoke your plugin?

    Best regards, Stéphane

    P.S.: I warned you: it's probably a pretty basic/trivial/dumb question! Sorry for that.

    • Babar
      March 14, 2021, at 6:19 pm REPLY

      You will need to tell TinyMCE where the external plugin is located. Here is the plugin location:

      webyurt_image_manager/js/tinymce5/external_plugins/wyimagemanager/plugin.js

      TinyMCE code to invoke the plugin is provided in index.php file.

      tinymce.init({
      ........
      	external_plugins: {
      		'WYImageManager': '/wy_image_manager/webyurt_image_manager/js/tinymce5/external_plugins/wyimagemanager/plugin.js'
      	},
      	file_picker_callback: function (callback, value, meta) {
      		OpenWYImageManager(callback, value, meta);
      	}

      so you need to change the external_plugins path within tinymce.init({ code in wordpress for TinyMCE to recognise the plugin.

      I hope this helps.

LEAVE A COMMENT

0.0711