New to TinyMCE? Not sure how to get started? These slides are from our Intro to TinyMCE “unboxing” webinar series. Attendees learned the most common setup options, advanced config, plus getting content and images to and from the database. Every session included live code samples, demos, and Q&A. We even show you how to build a plugin using TinyMCE’s extensive API. If this sounds interesting, sign up for our Intro to TinyMCE webinars: http://go.tiny.cloud/events/

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