TinyMCE Editor - Rhythmyx: Powerful Website Management Platform

696 views
473 views

Published on

Rhythmyx is a development platform ideally suited to organizations with a strong internal development team that has invested heavily in other core web applications, processes, and technologies and simply wants a development platform that manages the “content infrastructure” with the freedom to continue to build and integrate other web applications without restrictions.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
696
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

TinyMCE Editor - Rhythmyx: Powerful Website Management Platform

  1. 1. TinyMCE Editor Rhythmyx Webinar
  2. 2. Welcome & Getting Started ● Introduction ● Webinar Format ○ Overview ○ Configuration ○ Demonstration ○ Additional Resources
  3. 3. Introducing TinyMCE
  4. 4. Getting the Patch ● Must be running 7.3 ○ Convert remaining XSL Variants to Velocity 1st! ○ Follow the Upgrade Guide on help.percussion. com/cmsystem ○ Note on Rhythmyx name ● Must be running patch 730_20140528
  5. 5. Why Switch from Ephox EditLive? ● Much faster load time for Editors ● Wide range of 3rd Party plugins available ● Better control over Text/Code cleanup ● No more Java shenanigans in the Editor
  6. 6. Updating the Workbench ● After the patch is installed the Workbench must be updated. ○ http://{host}:{port}/Rhythmyx/Administration/DeveloperTools/InstData/Windows/VM/devToolsSetup.exe ● To switch editors, simply switch the control on the desired field to “sys_TinyMCE”
  7. 7. Configuring the Editor ● Avoid disappointment ● Default configuration must be completed manually. ● JSON instead of XML A minimal default_config.json [{ }]
  8. 8. ● Use a JSON Validator to check configuration - http://jsonlint.com/ ● If there is a formatting error in the configuration file, the editor will not be displayed. Use JSON Lint - For Happy Config
  9. 9. Doc has a Starter Configuration [{ "config_css": "../rx_resources/tinymce/tinymce1.css", "plugins": ["advlist autolink lists link charmap print preview hr anchor pagebreak searchreplace wordcount visualblocks visualchars fullscreen insertdatetime media nonbreaking save table contextmenu directionality emoticons template paste textcolor noneditable rxinline" ] }, { "roles" : ["Admin"], "config_css": "../rx_resources/tinymce/tinymce1.css", "plugins": [ "advlist autolink lists link charmap print preview hr anchor pagebreak searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking save table contextmenu directionality emoticons template paste textcolor noneditable rxinline" ] }]
  10. 10. Key Configuration Elements ● “roles”: ○ RX plugin: Applies configuration based on Rhythmyx Role ● “rxinline”: ○ RX plugin: For Rhythmyx inline controls such as inline link, image and variant in menu and in toolbar ● “langmap”: ○ RX plugin: To configure desired TinyMCE locale ● “config_css”: ○ Indicates the CSS file used to style the editor ● “plugins”: ○ Indicates a list of plugins to be enabled by the Editor
  11. 11. Customizing Menus ● Add a New menu ○ http://www.tinymce.com/wiki.php/Tutorials: Creating_a_plugin ● Show or Hide menus ○ "menubar": "tools table format view insert edit" ● Control full menu ○ “menu” - Overrides the complete menu structure
  12. 12. Demonstration Quick Demonstration
  13. 13. Additional Resources ● Documentation ○ http://help.percussion. com/Assets/cmsystem/7_3/Implementation/TinyMCE _Control_Documentation_in_730_20140528.pdf ● TinyMCE Wiki ○ http://www.tinymce.com/wiki.php

×