TinyMCE drag&drop toolbar editing

[Fedik]

Summary of Changes

The pull request add ability to drag&drop toolbar editing to help to configure TinyMCE editor.

How it works

1. Available buttons, and menu (Source panel). Which can be used for build your own toolbar.
2. Your toolbar (Target panel). Drop here an available buttons.
3. The tabs of Sets. By default it is 3 set. but it can be unlimited. Number of the sets can be changed in advanced tab:
   
4. The Builder have 3 preset: Simple, Medium, Advanced, which can be used for quick setup. The Clear button will clear the canvas.
5. Access level for a current Set.
6. The form with additional options for a current Set.
7. Drop zone for Menubar.
8. Drop zone for Toolbar1.
9. Drop zone for Toolbar2.

How to add button to my toolbar?
Drag the button from Source panel (1) to Target panel (2), and drop it there.

How to remove the button?
Drag&drop unneeded button out of the Target panel (2).

I want more Sets!!!
Set the amount of sets in the advanced tab. A new sets will appears after save.

Testing Instructions

it does not ready for final test

First of all make sure if the drag&drop editing works.
Then need to check that all existing features still works, as here is huge code changes.

Documentation Changes Required

Update info about how to configure TinyMCE plugin (if there any).

B. C.

It can break half of user settings for TinyMCE plugin. So need to test each case: new installation, update.

After upgrade or on clear installation the editor will use next default presets:

• Advanced => for Special access level
• Medium => for Registered
• Simple => for everyone else

Help needed

I made 3 presets: Simple, Medium, Advanced.

Would be cool if someone will improve them, and make it more real for what user need.
Also would be cool if they will be similar to "old toolbar", so we will keep B/C a little bit 😉
It is easy to edit, just add needed buttons in: https://github.com/Fedik/joomla-cms/blob/0b4d803c35c3995934b017f74496d0c3c26f8bb0/plugins/editors/tinymce/tinymce.php#L1064-L1106

P.S.
I found that make editing depend from "view level" is not as good as I thought on start 😄
So I have an idea to change it a bit. And make a "Presets" so user can set access level for each "Preset". Also it will allow to use separated "Preset" for each user It is already implemented 😉

I would like to hear the feedback 😉

The pull depending from #11157. But can be tested stand alone.

[Fedik]

@brianteeman @infograf768 is it what you asked in #10996?

[zero-24]

@Fedik the drone tests should pass if we sync to staging :)

[Fedik]

fixed

[brianteeman]

Great. Thanks. I will try to get more testers for this as I really want to see this in core.

[infograf768]

One question:
what happens when a user group has multiple viewing access?

Example:

Will managers get the Special access setting or one of the others (Registered, Customer Access Level)?

[Fedik]

it will take higher, or last in the order https://github.com/Fedik/joomla-cms/blob/e5cc7cc45e75156e331979f84463cf79ee17dc8c/plugins/editors/tinymce/tinymce.php#L174

[brianteeman]

Alternatively and If you are using a flat acl because you are doing role based acl you can also just create new editor groups. Basic editor, advanced editor etc

[infograf768]

it will take higher, or last in the order

Does that mean that in the case above, Managers would get the Special access setting?

[Fedik]

it will take the last one from the array of the user view levels, that come from $user->getAuthorisedViewLevels()
so it will depend from the ordering, for your example

[dgrammatiko]

I have tested this item ✅ successfully on 58eb3bd

---

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

[dgrammatiko]

Thank you @Fedik
RTC

[infograf768]

@Fedik
REGRESSION: Looks like this broke automatic language detection
See #13343
also see
#13344