TinyMCE Editor
Rhythmyx Webinar
Welcome & Getting Started
● Introduction
● Webinar Format
○ Overview
○ Configuration
○ Demonstration
○ Additional Resources
Introducing TinyMCE
Getting the Patch
● Must be running 7.3
○ Convert remaining XSL Variants to Velocity 1st!
○ Follow the Upgrade Guide on he...
Why Switch from Ephox EditLive?
● Much faster load time for Editors
● Wide range of 3rd Party plugins available
● Better c...
Updating the Workbench
● After the patch is installed the Workbench
must be updated.
○ http://{host}:{port}/Rhythmyx/Admin...
Configuring the Editor
● Avoid disappointment
● Default configuration must be
completed manually.
● JSON instead of XML
A ...
● Use a JSON Validator to check
configuration - http://jsonlint.com/
● If there is a formatting error in the
configuration...
Doc has a Starter Configuration
[{
"config_css": "../rx_resources/tinymce/tinymce1.css",
"plugins": ["advlist autolink lis...
Key Configuration Elements
● “roles”:
○ RX plugin: Applies configuration based on Rhythmyx Role
● “rxinline”:
○ RX plugin:...
Customizing Menus
● Add a New menu
○ http://www.tinymce.com/wiki.php/Tutorials:
Creating_a_plugin
● Show or Hide menus
○ "...
Demonstration
Quick Demonstration
Additional Resources
● Documentation
○ http://help.percussion.
com/Assets/cmsystem/7_3/Implementation/TinyMCE
_Control_Doc...
Upcoming SlideShare
Loading in...5
×

TinyMCE Editor - Rhythmyx: Powerful Website Management Platform

289

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
289
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×