Tiny logo Tiny logo
Home

OpenTiny Documentation

    • Getting started
      • What is OpenTiny?
      • Installation
        • Cloud
          • Quick start
          • React
          • Angular
          • Vue.js
          • Blazor
          • Svelte
          • Web Component
          • jQuery
          • Bootstrap
          • Django
          • Laravel
          • Ruby on Rails
        • Self-hosted
          • React
            • Using a package manager with hosting
            • Using a package manager with bundling
            • Using a .zip package with hosting
            • Using a .zip package with bundling
          • Angular
            • Using a package manager
            • Using a .zip package
          • Vue.js
            • Using a package manager
            • Using a .zip package
          • Blazor
            • Using a package manager
            • Using a .zip package
          • Svelte
            • Using a package manager
            • Using a .zip package
          • Web Component
            • Using a package manager
            • Using a .zip package
          • Java Swing
          • Shadow DOM
          • jQuery
          • Bootstrap
          • Django
          • Node.js + Express
          • Laravel
            • Using the Composer package
            • Using a .zip package
          • Ruby on Rails
            • Using a package manager
            • Using a .zip package
          • WordPress
          • NPM projects
          • PHP projects
          • .NET projects
          • Bower projects
          • OpenTiny .zip deployments
      • Upgrading OpenTiny
    • How-to guides
      • Learn the basics
        • Basic setup
        • Using plugins to extend OpenTiny
        • Content filtering
        • Localization
        • Spell checking
        • CSS for rendering content
      • Environment setup guides
        • React framework
          • Using the Tiny Cloud
          • Using a package manager with hosting
          • Using a package manager with bundling
          • Using a .zip package with hosting
          • Using a .zip package with bundling
          • Technical reference
        • Angular framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Vue.js framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Blazor framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Svelte framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Web Component
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
          • Technical reference
        • Java Swing
        • jQuery
          • Using the Tiny Cloud
          • Using a package manager
        • Bootstrap framework
          • Using the Tiny Cloud
          • Using a .zip package
        • Django framework
          • Using the Tiny Cloud
          • Using a .zip package
        • Node.js + Express
        • Laravel framework
          • Using the Tiny Cloud
          • Using the Composer package
          • Using a .zip package
        • Ruby on Rails framework
          • Using the Tiny Cloud
          • Using a package manager
          • Using a .zip package
        • WordPress
        • NPM projects
        • PHP projects
        • .NET projects
        • Bower projects
        • OpenTiny .zip deployments
      • Cloud deployment guide
        • Cloud deployment of editor & plugins
        • Cloud deployment of plugins Only
        • Specify editor & plugin versions
        • Version compatibility reference
        • Cloud Troubleshooting
      • Premium server-side services guide
        • Server-side component installation with Docker
          • Premium self-hosted bundle users
            • Introduction and initial setup
            • Hyperlinking service
            • Spelling service
            • Image Proxy service
          • Individually licensed plugin services
            • Hyperlinking service
            • Spelling service
        • Configure the server-side components
          • Required configuration
          • Optional common settings
          • Hyperlinking service settings
          • Image Proxy service settings
          • Spelling service settings
          • Spelling service - Using Hunspell dictionaries
          • Activity logging
        • Server-side component installation without Docker
        • Troubleshoot server-side components
      • Customizing the editor appearance
        • Customizing the UI
        • Create a skin
        • Create an icon pack
      • Images Guide
        • Image uploads
        • PHP image upload handler
      • Creating custom UI components
        • Toolbar Buttons
          • Toolbar buttons
          • Basic toolbar button
          • Toggle toolbar button
          • Menu toolbar button
          • Split toolbar button
          • Group toolbar button
        • Menu Items
          • Creating custom menu items
          • Custom Basic menu items
          • Custom Nested menu items
          • Custom Toggle menu items
        • Dialogs
          • Creating custom dialogs
          • Basic configuration
          • Body components
          • Footer buttons
          • APIs
          • Interactive examples
          • URL dialogs
        • Autocompleter
        • Notifications
        • Sidebars
        • Context forms
        • Context menus
        • Context toolbar
        • Keyboard Shortcuts
        • Creating custom plugins
          • Create a plugin
          • Yeoman generator
        • Available Commands
        • Available Events
        • Available Icons
        • Using the Annotations API
      • Bundling OpenTiny
        • Introduction
        • Webpack
          • ES6 and npm
          • CommonJS and npm
          • ES6 and a .zip archive
          • CommonJS and a .zip archive
        • Vite
          • ES6 and npm
        • Rollup.js
          • ES6 and npm
          • ES6 and a .zip archive
        • Browserify
          • CommonJS and npm
          • CommonJS and a .zip archive
        • Reference
          • Plugins
          • Content CSS
          • Skins
          • Icons
          • Models
          • UI localizations
          • Themes
      • Upgrading OpenTiny
      • Migrating from OpenTiny 6
      • Migrating from Froala
      • Generate public key pairs
      • Understanding editor loads
    • Examples
      • General examples
        • Basic example
        • Full-featured demo including Open Source features
        • Full-featured demo Including Open Source and Premium features
        • Classic editor mode
        • Inline editor
        • Distraction-free editor
      • Integration examples
        • Template creation example
      • Skins and Icons examples
        • Bootstrap Demo
        • Borderless Demo
        • Fabric Demo
        • Fluent Demo
        • Jam Icons Demo
        • Material Classic Demo
        • Material Outline Demo
        • Naked Demo
        • Outside Demo
        • Small Icons Demo
        • Snow Demo
    • Initial configuration
      • Integration options
      • Size
      • Save and submit
      • Premium upgrade promotion
    • Interface
      • Editor modes
        • Classic editing mode
        • Inline editing mode
        • Distraction-free editing mode
        • Inline editor options
        • Multiple editors in a page
        • OpenTiny for mobile
      • Editor appearance
        • Skins
        • Icons
        • Tiny Skins and Icon Packs
        • Themes
      • Menus
        • Options
        • Available Menu Items
        • Available Context Menu Items
      • Toolbars
        • Options
        • Available Toolbar Buttons
      • Statusbar
      • Accessibility
      • Localization options
      • UI Mode
    • Content
      • Add CSS
      • Behaviors
      • Non-editable content
      • User formatting
      • Content filtering
      • Localization
      • Images and files
      • Content formats
      • Content appearance
      • Copy & paste options
      • Spelling options
      • Table options
      • URL handling options
      • Editor content models
    • Plugins
      • Accordion
      • Advanced List
      • Anchor
      • Autolink
      • Autoresize
      • Autosave
      • Character Map
      • Code
      • Code Sample
      • Directionality
      • Emoticons
      • Full Screen
      • Help
      • Image
      • Import CSS
      • Insert Date/Time
      • Link
      • Lists
      • Media
      • Nonbreaking Space
      • Page Break
      • Preview
      • Quick Toolbars
      • Save
      • Search and Replace
      • Table
      • Visual Blocks
      • Visual Characters
      • Word Count
    • Accessibility
      • Accessibility Guide
      • OpenTiny Keyboard shortcuts
    • Security
      • Security guide
        • Reporting OpenTiny security issues
        • What we do to maintain security for OpenTiny
        • Configuring Content Security Policy (CSP) for OpenTiny
        • General security risks for user input elements
      • Content Security Policies (CSP)
      • Cross-Origin Resource Sharing (CORS)
    • Release information
      • Release notes for OpenTiny 7
        • OpenTiny 7.0
          • Overview
          • New Premium plugin<s>
          • New Open Source plugin<s>
          • Accompanying Premium plugin changes
          • Accompanying Premium plugin end-of-life announcement
          • Accompanying open source plugin end-of-life-announcement
          • Accompanying Premium Skins and Icon Packs changes
          • Improvements
          • Additions
          • Changes
          • Bug fixes
          • Security fixes
          • Deprecated
          • Known issues
      • Changelog
    • Invalid API key
    • Support
    • API Reference
      • tinymce
        • tinymce
        • tinymce.AddOnManager
        • tinymce.Annotator
        • tinymce.Editor
        • tinymce.EditorManager
        • tinymce.EditorMode
        • tinymce.EditorOptions
        • tinymce.EditorUpload
        • tinymce.Env
        • tinymce.Event
        • tinymce.FakeClipboard
        • tinymce.Formatter
        • tinymce.NotificationManager
        • tinymce.Plugin
        • tinymce.Shortcuts
        • tinymce.Theme
        • tinymce.UndoManager
        • tinymce.WindowManager
      • tinymce.dom
        • tinymce.dom.BookmarkManager
        • tinymce.dom.DOMUtils
        • tinymce.dom.EventUtils
        • tinymce.dom.RangeUtils
        • tinymce.dom.ScriptLoader
        • tinymce.dom.Selection
        • tinymce.dom.Serializer
        • tinymce.dom.StyleSheetLoader
        • tinymce.dom.TextSeeker
        • tinymce.dom.TreeWalker
      • tinymce.editor.ui
        • tinymce.editor.ui.Registry
        • tinymce.editor.ui.Ui
      • tinymce.geom
        • tinymce.geom.Rect
      • tinymce.html
        • tinymce.html.DomParser
        • tinymce.html.Entities
        • tinymce.html.Node
        • tinymce.html.Schema
        • tinymce.html.Serializer
        • tinymce.html.Styles
        • tinymce.html.Writer
      • tinymce.util
        • tinymce.util.Delay
        • tinymce.util.EventDispatcher
        • tinymce.util.I18n
        • tinymce.util.ImageUploader
        • tinymce.util.Observable
        • tinymce.util.Tools
        • tinymce.util.URI
  • OpenTiny Documentation
  • Getting started
  • Installation

Installing OpenTiny

There are multiple ways to install OpenTiny. This section lists the various installation and integration options for installing OpenTiny using the Tiny Cloud, package managers or self-hosted downloads.

Quick start

  • Using the Tiny Cloud

  • NPM projects

  • PHP projects

  • .NET projects

  • Bower projects

  • OpenTiny .zip deployments

React

  • Using the Tiny Cloud

  • Using a package manager with hosting

  • Using a package manager with bundling

  • OpenTiny .zip deployments with hosting

  • OpenTiny .zip deployments with bundling

Angular

  • Using the Tiny Cloud

  • Using a package manager

  • OpenTiny .zip deployments

Vue.js

  • Using the Tiny Cloud

  • Using a package manager

  • OpenTiny .zip deployments

Blazor

  • Using the Tiny Cloud

  • Using a package manager

  • OpenTiny .zip deployments

Svelte

  • Using the Tiny Cloud

  • Using a package manager

  • OpenTiny .zip deployments

Web Component

  • Using the Tiny Cloud

  • Using a package manager

  • OpenTiny .zip deployments

Java Swing

  • OpenTiny .zip deployments

jQuery

  • Using the Tiny Cloud

  • Using a package manager

Bootstrap

  • Using the Tiny Cloud

  • OpenTiny .zip deployments

Django

  • Using the Tiny Cloud

  • OpenTiny .zip deployments

Node.js + Express

  • Using a package manager

Laravel

  • Using the Tiny Cloud

  • Using a package manager

  • OpenTiny .zip deployments

Ruby on Rails

  • Using the Tiny Cloud

  • Using a package manager

  • OpenTiny .zip deployments

Wordpress

  • Wordpress plugin

OpenTiny on Github
© Copyright 2024 Tiny Technologies Inc.

TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.