Introduction to TinyMCE Session #1 Unboxing TinyMCE
Download as PPTX, PDF0 likes47 views
This document introduces TinyMCE, covering deployment options including cloud, self-hosted, and hybrid setups. It highlights how to get the editor running, customize its appearance and functionality, and utilize plugins. The session also includes a Q&A segment and information about upcoming topics for future sessions.
Introduction to TinyMCE Session #1 Unboxing TinyMCE
- 1. tiny.cloud TINY 101: An introduction to TinyMCE Session 1: Unboxing TinyMCE
- 2. tiny.cloud TODAY’S PRESENTERS 2 MICHAEL FROMIN VP, Customer Success ROB QUAN Product Support Engineer (Instructor) ROBERT COLLINGS Director, Marketing
- 3. tiny.cloud How to ask a question with Zoom 3 Click the Q&A icon to open the question dialog. We’ll answer as many questions as possible during the time allocated.
- 4. tiny.cloud Today’s agenda 1. Overview of the deployment options 1. How to get the editor 1. Live code example of each deployment 1. Q&A Panel
- 5. tiny.cloud TINY 101 PROGRAM 1 Get the editor and learn how to have it up and running by the end UNBOXING TINYMCE 2 We will go over some configuration options for TinyMCE such as adding to the toolbar CUSTOMIZING TINYMCE 3 We will cover how to customize TinyMCE’s appearance by adding fonts and CSS CUSTOMIZING STYLES 4 5 6 7 8Learn how to get your content into TinyMCE and options for submitting your content WORKING WITH CONTENT We will take a look at some of our plugins and how they add functionality to TinyMCE LOOKING AT PLUGINS We’ll learn how to get images into TinyMCE and then onto your server WORKING WITH IMAGES Get TinyMCE up and running in popular frameworks such as React, Vue and Angular WEB FRAMEWORKS Learn how to build custom plugins and work with the TinyMCE API EXTENDING TINYMCE
- 6. tiny.cloud YOUR DEPLOYMENT OPTIONS 1 CLOUD We deliver the editor 2 SELF-HOSTED Hosted on your server 3 HYBRID A combined approach
- 7. tiny.cloud 7 ● We deliver TinyMCE and plugins from our servers ● Simply add a script tag and initialize ● The editor automatically stays on the latest release Tiny Cloud 1 DEPLOYMENT OPTIONS
- 8. tiny.cloud 8 Self-hosted 2 ● Download and host TinyMCE on your servers ● Responsible for updates to the editor and plugins ● You will need to set up any backend services* DEPLOYMENT OPTIONS
- 9. tiny.cloud 9 Hybrid 3 ● TinyMCE already embedded in your application ● Great option for Premium Plugins ● Your plugins update automatically DEPLOYMENT OPTIONS
- 10. tiny.cloud SETTING UP TINY CLOUD 1. Sign up for your free API key 2. Copy and paste the script tag into your HTML 3. Initialize TinyMCE Get an API Key: https://tiny.cloud >For cloud deployment, you simply need your API key to get started
- 11. tiny.cloud
- 12. tiny.cloud
- 13. tiny.cloud
- 14. tiny.cloud SETTING UP SELF HOSTED 14 For self-hosted you will download a .zip file containing the editor> 1. Download TinyMCE 2. Place it in a location accessible to a site visitor’s browser 3. Add a script tag to your head with a path to the tinymce.js file 4. Initialize TinyMCE Download: https://tiny.cloud/download/self-hosted/
- 15. tiny.cloud
- 16. tiny.cloud SETTING UP HYBRID 16 For hybrid deployments, you will need a cloud API key paired with an already running copy of TinyMCE> 1. Sign up for your free API key 2. Copy and paste the script tag into your HTML a. Core editor must be loaded first b. Ensure you’re loading only the plugins from the cloud 3. Initialize TinyMCE
- 17. tiny.cloud Q&A Let’s answer your questions from today’s session www.tiny.cloud
- 18. tiny.cloud Good to know ● Tiny Cloud signups get a free 30-day trial of our most popular Premium Plugins ● Access to our support team during the trial period Events & Webinars Office Hours: Tuesday 10 am PDT Register: bit.ly/tiny-officehours www.tiny.cloud
- 19. tiny.cloud Next Session In next week’s session you’ll learn about: 1. Learn about key configuration options 2. Add and remove items from your toolbar 3. Customize your plugins to extend TinyMCE www.tiny.cloud
- 20. tiny.cloud Thank you! Follow-up Questions team@tiny.cloud Ask questions in the Tiny Community https://community.tinymce.com Today’s Slides https://bit.ly/tiny-slides www.tiny.cloud