The document discusses a presentation by Tim Plummer on TinyMCE at a Joomla User Group meeting in September 2019, covering its features and integration with Joomla. It details version history, customization options, and third-party plugin challenges, including a solution created by Plummer for easier PDF insertion. Key highlights include advanced features like drag-and-drop image upload, customizable menus, and a new dark skin in Joomla 4.

1. TinyMCE
Presented by Tim Plummer
Joomla User Group Sydney
10th September 2019

2. https://www.tiny.cloud/

5. https://www.tiny.cloud/pricing/

8. Fully Featured demo
• If you want to try out all these features of TinyMCE, you can go to
• https://www.tiny.cloud/docs/demo/full-featured/

9. Accessibility checker plugin

10. Tiny Drive

11. TinyDrive
• If you want to use TinyDrive in Joomla 4, you need API key, and
currently third party plugin
• https://tiny.mity.com.au/downloads/plg_editors_tinycloud.zip

12. You can write your own TinyMCE plugins
https://tiny.mity.com.au/
See Marty’s talk from JoomlaDay https://www.youtube.com/channel/UCYtviW1DWMZoRCzrbci2eCA/videos

13. TinyMCE versions in Joomla
• Joomla 1.0.0 (Sep 2005) – TinyMCE 2 0RC2
• Joomla 1.5.0 (Jan 2008) – TinyMCE 2.1.2
• Joomla 2.5.0 (Jan 2012) – TinyMCE 3.4.7
• Joomla 3.0.0 (Sep 2012) - TinyMCE 3.5.6
• Joomla 3.7.0 (Apr 2017) – TinyMCE 4.5.6
• Joomla 3.9.11 (current version) – TinyMCE 4.5.11
• Joomla 4 alpha 11 – TinyMCE 5.0.1

19. Did you know that JCE editor is
built on top of TinyMCE?
It uses an older version, TinyMCE 3.x
Note TinyMCE 4 will be used in JCE 3

20. TinyMCE features – Template CSS Classes
• Often the back end article looks quite different to front end

21. TinyMCE features – Template CSS Classes
• To fix, in your template CSS folder, add an editor.css file

22. TinyMCE feature – insert template

23. Or as Marty showed with Joomla 4
This was with loading a custom CSS class file sample-editor.css (instead of editor.css file in template)

24. TinyMCE feature – insert template
• Create your html file, and copy into
/media/editors/tinymce/templates/ folder
• (Joomla 4)
/media/vendor/tinymce/templates/

25. Joomla TinyMCE features (since 3.7.0)
• Can customise menus and buttons for three different user sets

26. Joomla TinyMCE features (since 3.7.0)
• Drag and drop images (auto upload to images folder)

27. Joomla TinyMCE features
• Did you know you can choose whether new lines are P or BR

28. Joomla TinyMCE features
• You can choose if you want Joomla’s text filter (in global config) to
apply to TinyMCE, and which elements should be stripped out

29. Tip
• When changing plugin settings, make sure you apply to the set with
the user type you want this to apply to

30. Joomla 4 also comes with dark skin for TinyMCE

31. TinyMCE Editor
• It’s pretty good, but what if we want to do more?
• For example, how to easily insert PDF file into an article?

32. Good news
• There are third party plugins available for TinyMCE
Bad news
• There is no easy way to install these into Joomla (yet)

33. What about the settings in TinyMCE Plugin
• I couldn’t get them to work, and couldn’t find any good
documentation

34. I found this plugin which looked promising

35. But docs for Joomla install are terrible

36. So I wrote a plugin instead
You can download from
https://timplummer.com.au/plg_system_responsivefile.zip

37. Now we have a new button

38. It pops up with a nice file manager

39. Can easily insert a PDF by clicking on it

40. Tim Plummer
https://timplummer.com.au
@bfsurvey