TinyMCE 5 Documentation
Quick start
Setup a basic TinyMCE 5 editor using the Tiny Cloud.
Introduction & getting started
New to self-hosting TinyMCE? Start here.
Cloud deployment guide
Start here for Tiny Cloud.
Examples
Working examples of TinyMCE’s popular functionality.
Mobile
The TinyMCE rich text editing experience for mobile devices.
Configuration reference
The most customizable rich text editor.
Plugins
This section will help you configure and extend your editor instance.
UI components
The configurable UI components available for customization.
Premium features
Premium features from the makers of TinyMCE.
Tiny Drive
Real-time Collaboration (RTC)
The TinyMCE Real-time Collaboration plugin
Advanced topics
Information and guides for developers wanting to build advanced capabilities into TinyMCE.
Integrations
Faster development with integrations of TinyMCE into your favorite framework or CMS.
Migrating from TinyMCE 4
Guidance for migrating from TinyMCE 4 to TinyMCE 5.
Migrating from Froala
Upgrading your rich text editor from Froala Editor v3 to TinyMCE 5.
Release notes for TinyMCE 5
Changelog
The history of TinyMCE releases.
API Reference
JavaScript API reference for TinyMCE
Can’t find what you’re looking for? Let us know.
Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.
Developers
Premium Plugins
Learn More
Engage
Join 50,000+ developers who get the official Tiny newsletter
We’re making content creation globally accessible
The team behind some of the world’s most popular developer tools.
Who is Tiny?
If you’ve ever written content on the web the chances are you’ve used a Tiny product. We’re the makers of TinyMCE and other great developer tools. Our team works to bring content creation tools to the globe through open-source initiatives.
We’re remote-first, this means we are always looking for the best talent, regardless of where you live. Our culture is WYSIWYG, just like our editor; what you see is what you get when it comes to our team.
Work happier. Location, hours, and flexibility that suits your lifestyle.
«As a graduate, Tiny has provided me with the best opportunities to build my career. The Tiny culture surrounds me with like-minded people that help to support and nurture my greatest potential.»
Qiran Gabrielle-Grace Marketing Assistant
Benefits & balance
Remote first
Work from anywhere! Skip the commute and focus on lifestyle, Tiny is a remote first company allowing you to prioritize your work/life balance over long commutes.
Family first
We believe in caring for families and our people at all stages of life. With a commitment to flexibility, we allow our team to put their family first.
Learning & growth
To really thrive in your role it is important we continue to give you growth, learning, and development opportunities. Here at Tiny, we are committed to the growth and development of our team members, supporting them to reach their career goals.
Tiny cloud что это
All the features included in our open source editor
Advanced List
Extend the bullist and numlist toolbar controls by adding CSS list-style-type number formats and bullet types.
Anchor
Add an anchor/bookmark button to the toolbar that inserts an anchor at the editor’s cursor insertion point.
Autolink
Create hyperlinks automatically when a user inputs a valid and complete URL.
Autoresize
Resize the editor automatically to the content inside it, and prevent the editor from expanding infinitely.
Autosave
Warns the user if modifications to the content have not been saved. Includes «Restore last draft» functionality.
BBCode
Edit BBCode in a WYSIWYG style by converting tags like [b] into and then back, when user submits the content.
Character Map
Add a dialog to the editor with a map of special unicode characters which cannot be added directly from the keyboard.
Add a toolbar button that allows a user to edit the HTML code hidden by the WYSIWYG view.
Code Sample
Insert and embed syntax color highlighted code snippets into the editable area.
Color Picker
An intuitive color picking tool that is now part of the editor core in TinyMCE 5.
Context Menu
Adds a configurable right-click context menu that is now part of the editor core in TinyMCE 5.
Directionality
Add directionality controls to the toolbar and enable TinyMCE to better handle languages written from right to left.
Emoticons
Insert emojis into TinyMCE’s editable area. The default emoji set can be extended or overridden.
Full Page
Edit certain metadata and document properties such as title, keywords, and description.
Full Screen
Enable the capability for the editable area to fill the browser’s viewport.
Add a button and/or menu item that shows handy keyboard shortcuts as well as installed plugins.
Horizontal Rule
Allow a user to insert a horizontal rule on the page at the cursor insertion point.
Image
Enable the user to insert an image into the editable area with many customization options.
Image Tools
Add a contextual editing toolbar to the images in the editor.
Import CSS
Add the ability to automatically import CSS classes from the CSS file specified in the content_css configuration setting.
Insert Date/Time
Insert the current date and/or time into the editable area at the cursor insertion point.
Legacy Output
Allow a user to link selected text in their document to external resources such as website URLs.
Lists
Add numbered and bulleted lists to content. Add the Advanced List plugin for expanded functionality.
Media
Add HTML5 video and audio elements to the editable area. Includes option for live preview of embedded videos.
Nonbreaking Space
Add a button for inserting the nonbreaking space entity at the cursor insert point.
Noneditable
Prevent end users from being able to edit content within elements assigned the mceNonEditable class.
Page Break
Add page break support and insert page breaks in the editable area.
Paste
Standard functionality for copy and paste, with an array of configuration options.
Preview
Show a popup of the current content in read-only format via a preview button on the toolbar.
Add a print button to the toolbar, and a Print item to the File menu dropdown.
Quick Toolbar
Enables Medium-style user interface components to help users create content faster.
Add a save button to the TinyMCE toolbar, with options to customize the execution of the plugin.
Search and Replace
Add search/replace dialogs to TinyMCE to find and replace content faster.
Spell Checker
Enable spell check functionality with options to customize how spell check is handled.
Tab Focus
Tab into and out of the TinyMCE control in your web form with configuration options around tab focus.
Table
Add table editing functionality with options to modify cells, rows and columns.
Template
Add support for custom templates with many configuration options for the execution of those templates.
Text Color
The ability to customize the color of your text has been moved into the editor core of TinyMCE 5.
Text Pattern
Match special patterns in the text and apply formats, replace text, or execute commands on these patterns.
Table of Contents
Generate a basic Table of Contents derived from headers in the content, with option to define ToC depth up to nine levels.
Visual Blocks
Allows a user to see block level elements such as paragraphs in the editable area.
Visual Characters
See invisible characters like displayed in the editable area.
Word Count
Add word and character count functionality with a counter on the right edge of the status bar.
Калифорнийская Tiny купила дизайн-платформу для сайтов Setka Editor от основателей Look at Media Статьи редакции
Setka продолжит развиваться под брендом Setka Editor powered by Tiny, а Setka Workflow будет работать отдельно.
Вся команда Setka Editor станет частью Tiny. Cооснователь и директор по продукту Setka Editor Роман Худоногов станет директором по продукту Tiny. Сооснователь и гендиректор Setka Катя Базилевская станет директором по развитию бизнеса и партнерствам Tiny, рассказали vc.ru в компании.
Сервис для планирования и контент-маркетинга Setka Workflow продолжит развиваться отдельно под брендом Workflow, его возглавит сооснователь Setka Алексей Амётов.
Setka Editor продолжит развиваться как отдельный продукт под брендом Setka Editor powered by Tiny. По условиям сделки компания не может разглашать финансовые подробности.
Tiny — калифорнийская компания, которая разрабатывает решения для редактирования контента с открытым кодом. Среди клиентов компании BMW, Adobe, IBM, LinkedIn, NASA и другие, в общей сложности более 300 тысяч сайтов используют решения Tiny. Количество скачиваний TinyMCE выросло за год на 77% до 8,1 млн, по данным компании.
Tiny включает продукт для хранения фалов TinyDrive, редактор TinyMCE, инструменты для медиа MoxieManager. TinyMCE помог в запуске Medium и Evernote, рассказали в компании.
«TinyMCE ориентировался на среднего бизнес-пользователя или специалиста; на того, кто знаком с Microsoft Word или Google Docs. Теперь вместе с Setka мы можем привлекать профессиональных создателей контента и дизайнеров, которым нужны более продвинутые возможности. Со временем мы планируем создать комбинированную платформу редактора, которая будет одновременно простой в использовании и мощной», — рассказал соучредитель и гендиректор Tiny Эндрю Робертс.