Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

TinyMCE for Joomla

This month at Joomla User Group Sydney we took a look at TinyMCE, the default editor in Joomla, and showed off some of the new features demonstrated at JoomlaDay Australia.

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen

Ähnliche Hörbücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

TinyMCE for Joomla

  1. 1. TinyMCE Presented by Tim Plummer Joomla User Group Sydney 10th September 2019
  2. 2. https://www.tiny.cloud/
  3. 3. https://www.tiny.cloud/pricing/
  4. 4. 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/
  5. 5. Accessibility checker plugin
  6. 6. Tiny Drive
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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
  11. 11. TinyMCE features – Template CSS Classes • Often the back end article looks quite different to front end
  12. 12. TinyMCE features – Template CSS Classes • To fix, in your template CSS folder, add an editor.css file
  13. 13. TinyMCE feature – insert template
  14. 14. 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)
  15. 15. TinyMCE feature – insert template • Create your html file, and copy into /media/editors/tinymce/templates/ folder • (Joomla 4) /media/vendor/tinymce/templates/
  16. 16. Joomla TinyMCE features (since 3.7.0) • Can customise menus and buttons for three different user sets
  17. 17. Joomla TinyMCE features (since 3.7.0) • Drag and drop images (auto upload to images folder)
  18. 18. Joomla TinyMCE features • Did you know you can choose whether new lines are P or BR
  19. 19. 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
  20. 20. Tip • When changing plugin settings, make sure you apply to the set with the user type you want this to apply to
  21. 21. Joomla 4 also comes with dark skin for TinyMCE
  22. 22. 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?
  23. 23. Good news • There are third party plugins available for TinyMCE Bad news • There is no easy way to install these into Joomla (yet)
  24. 24. What about the settings in TinyMCE Plugin • I couldn’t get them to work, and couldn’t find any good documentation
  25. 25. I found this plugin which looked promising
  26. 26. But docs for Joomla install are terrible
  27. 27. So I wrote a plugin instead You can download from https://timplummer.com.au/plg_system_responsivefile.zip
  28. 28. Now we have a new button
  29. 29. It pops up with a nice file manager
  30. 30. Can easily insert a PDF by clicking on it
  31. 31. Tim Plummer https://timplummer.com.au @bfsurvey

×