Web Yurt TinyMCE Image Uploader and Manager Plugin

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.

1. Bamk
   April 6, 2021, at 12:25 am REPLY

   It work fine , but when i change editor language, i get an error

1. Ata
   February 23, 2022, at 8:39 pm REPLY

   hi all,thanks for the plugin, this is currently the only one that does what i need, nothing more.however, i have a weird situation, which i cannot solve.

   where i'm initializing tinymce (v5), although i give the "external_plugins" init option it's correct value (i can see the plugin.js loaded in network tab), whenever the file picker is triggered, i will receive a js error saying "OpenWYIMageManager is not a function".i could only circumwent this, when i copied the function definition from plugin.js to the page where i'm initializing tinymce. however, the rest of the plugin.js IS WORKING, as the shortcut is registered to the editor... so, any thoughts on this maybe?

• Babar
  March 12, 2022, at 2:39 pm REPLY

  Try changing the function name to OpenWYImageManager with lower case 'm' instead of upper case 'M'

1. Reynald MOREL
   March 4, 2022, at 10:46 am REPLY

   Hello,

   Great work!

   It works very well but I have a problem after adding the French language for tinyMCE.

   I can't resize the image before inserting it.

   If you have an idea ....

   Thanks a lot

1. Mohamed abdel Moaty
   March 23, 2022, at 10:39 pm REPLY

   how to insert image to text input not TinyMCE

1. Gordon
   January 17, 2023, at 11:50 am REPLY

   Hi Just came across this and it's excellent, thank you. Is there any chnace of having different folders in to hold the images?