Joomla! Issue Tracker | Joomla! CMS #48043 - [6.2] Implement image/media manager in tinyMCE buttons

Feature RTC PR-6.2-dev

Fixed in Code Base
21 Jul 2026
Medium
Build: 6.2-dev
# 48043
Diff
bembelimen:6.2/media-buttons

Pending

User tests: Successful: Unsuccessful:

bembelimen
2 Jul 2026

Pull Request resolves # .

I read the Generative AI policy and my contribution is either not created with the help of AI or is compatible with the policy and GNU/GPL 2 or later.

Summary of Changes

Currently the media manager is completely separated from the TinyMCE editor. Means, when using the TinyMCE image or media button, it's not connected to the Joomla! media manager. This PR injects the media manager.

Testing Instructions

Make sure TinyMCE is the active editor
Make sure, the image and/or the media button is activated in the TinyMCE button layout (should be by default)
Click on the image/media button

Actual result BEFORE applying this Pull Request

Not connected to media manager

Expected result AFTER applying this Pull Request

Both buttons are connected to media manager

image-media-button.mp4

Link to documentations

Please select:

Documentation link for guide.joomla.org:
No documentation changes for guide.joomla.org needed
Pull Request link for manual.joomla.org:
No documentation changes for manual.joomla.org needed

1958fd7 2 Jul 2026

Implement image/media manager on tinyMCE buttons

bembelimen - open - 2 Jul 2026

bembelimen - change - 2 Jul 2026

Status

New

⇒

Pending

joomla-cms-bot - change - 2 Jul 2026

Category

⇒

JavaScript Front End Plugins

HLeithner - comment - 2 Jul 2026

That's really nice, I'm not sure about the architecture, it's really limited to only one picker which might not be the reality when you might have many different types of editors.

Would it be possible to attach a picker "name/alias" to the configuration of the editor?

HLeithner - comment - 2 Jul 2026

That's really nice, I'm not sure about the architecture, it's really limited to only one picker which might not be the reality when you might have many different types of editors.

Would it be possible to attach a picker "name/alias" to the configuration of the editor?

And/Or allow to register multiple pickers with a registry or factory or so?

brianteeman - comment - 2 Jul 2026

BRILLIANT!!! thanks so much for this!!!

bembelimen - comment - 2 Jul 2026

Would it be possible to attach a picker "name/alias" to the configuration of the editor?

And/Or allow to register multiple pickers with a registry or factory or so?

TinyMCE allows only one picker per type (image/media) but you can register your picker. So the user disables the media manager editor button and you ship your plugin with using the hook, then your manager is there.

HLeithner - comment - 2 Jul 2026

Would it be possible to attach a picker "name/alias" to the configuration of the editor?
And/Or allow to register multiple pickers with a registry or factory or so?

TinyMCE allows only one picker per type (image/media) but you can register your picker. So the user disables the media manager editor button and you ship your plugin with using the hook, then your manager is there.

you missunderstand my concerns, if you have multiple editors on one page which don't need or should not have the same media picker that's seems not to be possible. For this case it would better to have a registry or alternative a call back in the tinymce configuration provided by the joomla.options array:

brianteeman - comment - 2 Jul 2026

Where do we have multiple editors on the same page? The duplicated editor on the guided your pages has now been removed. And even if you do thhen do they really have dfferent configuration

brianteeman - comment - 2 Jul 2026

Where do we have multiple editors on the same page? The duplicated editor on the guided tour pages has now been removed. And even if you do thhen do they really have dfferent configuration

HLeithner - comment - 2 Jul 2026

I have extensions with multiple (10 or more) different text editors having different configurations for different purposes. If we introduce something new it should also be future proof, many things in joomla are really limited because the implementor only tought about his or her use case. That's the reason joomla is not really great for developer because it's put stones in your way you have to ship arround.

btw. you can have unlimited custom fields with editors. you even can have different editors.

brianteeman - comment - 2 Jul 2026

It appears to work perfectly but I have a 404 in the browser console after adding an image


banner.jpg:1  GET https://tiny.test/administrator/images/banners/banner.jpg 404 (Not Found)
Image
X @ plugin.min.js:1
ge @ plugin.min.js:1
he @ plugin.min.js:1
(anonymous) @ plugin.min.js:1
fe @ plugin.min.js:1
Ae @ plugin.min.js:1
(anonymous) @ plugin.min.js:1
(anonymous) @ tinymce.min.js?dbb8f8:12
ignore @ tinymce.min.js?dbb8f8:12
(anonymous) @ tinymce.min.js?dbb8f8:12
ignore @ tinymce.min.js?dbb8f8:12
(anonymous) @ tinymce.min.js?dbb8f8:12
transact @ tinymce.min.js?dbb8f8:12
(anonymous) @ tinymce.min.js?dbb8f8:12
transact @ tinymce.min.js?dbb8f8:12
(anonymous) @ plugin.min.js:1
addCommand.commands.exec.<computed> @ tinymce.min.js?dbb8f8:12
execCommand @ tinymce.min.js?dbb8f8:12
execCommand @ tinymce.min.js?dbb8f8:12
(anonymous) @ plugin.min.js:1
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:3
each @ theme.min.js:1
s @ theme.min.js:3
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
fold @ theme.min.js:1
wv @ theme.min.js:1
Sv @ theme.min.js:1
Cv @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
ci @ theme.min.js:1
triggerEvent @ theme.min.js:1
Vc @ theme.min.js:1
Rc @ theme.min.js:1
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
V @ theme.min.js:1
run @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
fold @ theme.min.js:1
wv @ theme.min.js:1
Sv @ theme.min.js:1
Cv @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
ci @ theme.min.js:1
triggerEvent @ theme.min.js:1
Vc @ theme.min.js:1
Rc @ theme.min.js:1
zc @ theme.min.js:1
e @ theme.min.js:1
(anonymous) @ theme.min.js:1
V @ theme.min.js:1
run @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
fold @ theme.min.js:1
wv @ theme.min.js:1
Sv @ theme.min.js:1
Cv @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
ci @ theme.min.js:1
triggerEvent @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1

brianteeman - comment - 2 Jul 2026

It appears to work perfectly but I have a 404 in the browser console after adding an image and before saving


banner.jpg:1  GET https://tiny.test/administrator/images/banners/banner.jpg 404 (Not Found)
Image
X @ plugin.min.js:1
ge @ plugin.min.js:1
he @ plugin.min.js:1
(anonymous) @ plugin.min.js:1
fe @ plugin.min.js:1
Ae @ plugin.min.js:1
(anonymous) @ plugin.min.js:1
(anonymous) @ tinymce.min.js?dbb8f8:12
ignore @ tinymce.min.js?dbb8f8:12
(anonymous) @ tinymce.min.js?dbb8f8:12
ignore @ tinymce.min.js?dbb8f8:12
(anonymous) @ tinymce.min.js?dbb8f8:12
transact @ tinymce.min.js?dbb8f8:12
(anonymous) @ tinymce.min.js?dbb8f8:12
transact @ tinymce.min.js?dbb8f8:12
(anonymous) @ plugin.min.js:1
addCommand.commands.exec.<computed> @ tinymce.min.js?dbb8f8:12
execCommand @ tinymce.min.js?dbb8f8:12
execCommand @ tinymce.min.js?dbb8f8:12
(anonymous) @ plugin.min.js:1
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:3
each @ theme.min.js:1
s @ theme.min.js:3
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
fold @ theme.min.js:1
wv @ theme.min.js:1
Sv @ theme.min.js:1
Cv @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
ci @ theme.min.js:1
triggerEvent @ theme.min.js:1
Vc @ theme.min.js:1
Rc @ theme.min.js:1
(anonymous) @ theme.min.js:3
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
V @ theme.min.js:1
run @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
fold @ theme.min.js:1
wv @ theme.min.js:1
Sv @ theme.min.js:1
Cv @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
ci @ theme.min.js:1
triggerEvent @ theme.min.js:1
Vc @ theme.min.js:1
Rc @ theme.min.js:1
zc @ theme.min.js:1
e @ theme.min.js:1
(anonymous) @ theme.min.js:1
V @ theme.min.js:1
run @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
fold @ theme.min.js:1
wv @ theme.min.js:1
Sv @ theme.min.js:1
Cv @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1
ci @ theme.min.js:1
triggerEvent @ theme.min.js:1
(anonymous) @ theme.min.js:1
(anonymous) @ theme.min.js:1

bembelimen - comment - 2 Jul 2026

I'll implement Haralds suggestion probably over the weekend, I also have an idea about the error. Will check it, too.

brianteeman - comment - 2 Jul 2026

ok - thanks - its a massive improvement being able to do this.

bembelimen - comment - 3 Jul 2026

It appears to work perfectly but I have a 404 in the browser console after adding an image and before saving

I checked this error and the problem is, that the path is not calculated correctly for the file. But this is also the case when you select a picture in Joomla without this PR. So I would need to investigate where this is coming from, but not in this PR.

brianteeman - comment - 4 Jul 2026

It appears to work perfectly but I have a 404 in the browser console after adding an image and before saving

I checked this error and the problem is, that the path is not calculated correctly for the file. But this is also the case when you select a picture in Joomla without this PR. So I would need to investigate where this is coming from, but not in this PR.

never spotted it before but i confirm its not related to this PR

022130f 4 Jul 2026

Use only default for the file_picker_callback

bembelimen - change - 4 Jul 2026

Labels

Added: Feature NPM Resource Changed PR-6.2-dev

chmst - test_item - 5 Jul 2026 - Tested successfully

chmst - comment - 5 Jul 2026

I have tested this item ✅ successfully on 022130f

Tested backend and frontend with different permissions.

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

chmst - comment - 5 Jul 2026

I have tested this item ✅ successfully on 022130f

Tested backend and frontend with different permissions.

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

brianteeman - test_item - 5 Jul 2026 - Tested successfully

brianteeman - comment - 5 Jul 2026

I have tested this item ✅ successfully on 022130f

tested images and media

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

brianteeman - comment - 5 Jul 2026

I have tested this item ✅ successfully on 022130f

tested images and media

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

alikon - change - 5 Jul 2026

Status

Pending

⇒

Ready to Commit

alikon - comment - 5 Jul 2026

RTC

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

alikon - comment - 5 Jul 2026

RTC

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

cbdb3a1 11 Jul 2026

Add support for multiple file pickers in TinyMCE editor

331c63a 11 Jul 2026

Add jfilepicker plugin to TinyMCE editor and update asset references

3dea4fa 11 Jul 2026

Refactor media filepicker to ensure apiBaseUrl is properly retrieved and validated

bembelimen - change - 11 Jul 2026

Labels

Added: RTC
Removed: NPM Resource Changed

47d7955 12 Jul 2026

Auto sort

bfadfda 12 Jul 2026

Merge branch '6.2-dev' into 6.2/media-buttons

brianteeman - test_item - 13 Jul 2026 - Tested successfully

brianteeman - comment - 13 Jul 2026

I have tested this item ✅ successfully on bfadfda

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

brianteeman - comment - 13 Jul 2026

I have tested this item ✅ successfully on bfadfda

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/48043.}

3ed391d 20 Jul 2026

Merge branch '6.2-dev' into 6.2/media-buttons

43c0e14 20 Jul 2026

Merge branch '6.2-dev' into 6.2/media-buttons

MacJoom - change - 21 Jul 2026

Status	Ready to Commit	⇒	Fixed in Code Base
Closed_Date	0000-00-00 00:00:00	⇒	2026-07-21 08:58:05
Closed_By		⇒	MacJoom

MacJoom - close - 21 Jul 2026

MacJoom - merge - 21 Jul 2026

MacJoom - comment - 21 Jul 2026

Thank you very much!

Add a Comment

Older
Newer

Joomla! Issue Tracker - CMS

[#48043] - [6.2] Implement image/media manager in tinyMCE buttons

Summary of Changes

Testing Instructions

Actual result BEFORE applying this Pull Request

Expected result AFTER applying this Pull Request

Link to documentations

Add a Comment