TinyMCE Editor - Rhythmyx: Powerful Website Management Platform
-
Upload
percussion-software -
Category
Technology
-
view
216 -
download
2
description
Transcript of TinyMCE Editor - Rhythmyx: Powerful Website Management Platform
![Page 1: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/1.jpg)
TinyMCE EditorRhythmyx Webinar
![Page 2: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/2.jpg)
Welcome & Getting Started
● Introduction● Webinar Format
○ Overview○ Configuration ○ Demonstration○ Additional Resources
![Page 3: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/3.jpg)
Introducing TinyMCE
![Page 4: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/4.jpg)
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
![Page 5: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/5.jpg)
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
![Page 6: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/6.jpg)
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”
![Page 7: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/7.jpg)
Configuring the Editor
● Avoid disappointment● Default configuration must be
completed manually.● JSON instead of XMLA minimal default_config.json[{ }]
![Page 8: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/8.jpg)
● 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
![Page 9: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/9.jpg)
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"
]
}]
![Page 10: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/10.jpg)
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
![Page 11: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/11.jpg)
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
![Page 12: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/12.jpg)
Demonstration
Quick Demonstration
![Page 13: TinyMCE Editor - Rhythmyx: Powerful Website Management Platform](https://reader033.fdocuments.in/reader033/viewer/2022042814/5549af0eb4c905a6758b5863/html5/thumbnails/13.jpg)
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