TinyMCE is a powerful and flexible rich text editor that can be embedded in web applications. It provides a wide range of features for text formatting, media embedding, and content management.
Basic Text Formatting
This initializes TinyMCE on a textarea with the ID 'mytextarea', enabling basic text formatting options like bold, italic, underline, and more.
tinymce.init({ selector: '#mytextarea' });Image and Media Embedding
This configuration allows users to embed images and media files into the text editor. The 'image' and 'media' plugins are included, and the toolbar is updated to include buttons for these functionalities.
tinymce.init({ selector: '#mytextarea', plugins: 'image media', toolbar: 'image media' });Custom Toolbar
This example shows how to customize the toolbar with specific buttons for undo, redo, text styles, alignment, and indentation.
tinymce.init({ selector: '#mytextarea', toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent' });Content Style Customization
This configuration customizes the content style within the editor, setting the font family and size for the text.
tinymce.init({ selector: '#mytextarea', content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }' });Autosave Plugin
This example demonstrates the use of the 'autosave' plugin, which automatically saves the content at specified intervals (every 30 seconds in this case).
tinymce.init({ selector: '#mytextarea', plugins: 'autosave', autosave_interval: '30s' });CKEditor 4 is another popular rich text editor that offers a wide range of features similar to TinyMCE. It provides extensive customization options and a variety of plugins for different functionalities. CKEditor 4 is known for its robust performance and ease of integration.
Quill is a modern rich text editor built for compatibility and extensibility. It offers a clean API and a modular architecture, making it easy to customize and extend. Quill is lightweight and provides a responsive user experience.
Froala Editor is a lightweight WYSIWYG HTML editor with a focus on performance and user experience. It offers a rich set of features, including inline editing, image management, and a variety of plugins. Froala Editor is known for its sleek design and ease of use.
The world's #1 open source rich text editor.
Used and trusted by millions of developers, TinyMCE is the world’s most customizable, scalable, and flexible rich text editor. We’ve helped launch the likes of Atlassian, Medium, Evernote (and lots more that we can’t tell you), by empowering them to create exceptional content and experiences for their users.
With more than 350M+ downloads every year, we’re also one of the most trusted enterprise-grade open source HTML editors on the internet. There’s currently more than 100M+ products worldwide, powered by Tiny. As a high powered WYSIWYG editor, TinyMCE is built to scale, designed to innovate, and thrives on delivering results to difficult edge-cases.
You can access a full featured demo of TinyMCE in the docs on the TinyMCE website.
Getting started with the TinyMCE rich text editor is easy, and for simple configurations can be done in less than 5 minutes.
TinyMCE Cloud Deployment Quick Start Guide
TinyMCE Self-hosted Deployment Guide
TinyMCE provides a range of configuration options that allow you to integrate it into your application. Start customizing with a basic setup.
Configure it for one of three modes of editing:
TinyMCE is easily integrated into your projects with the help of components such as:
With over 29 integrations, and 400+ APIs, see the TinyMCE docs for a full list of editor integrations.
It is easy to configure the UI of your rich text editor to match the design of your site, product or application. Due to its flexibility, you can configure the editor with as much or as little functionality as you like, depending on your requirements.
With 50+ powerful plugins available, and content editable as the basis of TinyMCE, adding additional functionality is as simple as including a single line of code.
Realizing the full power of most plugins requires only a few lines more.
Sometimes your editor requirements can be quite unique, and you need the freedom and flexibility to innovate. Thanks to TinyMCE being open source, you can view the source code and develop your own extensions for custom functionality to meet your own requirements.
The TinyMCE API is exposed to make it easier for you to write custom functionality that fits within the existing framework of TinyMCE UI components.
For the professional software teams that require more in-depth efficiency, compliance or collaborative features built to enterprise-grade standards, please get in touch with our team.
Tiny also offers dedicated SLAs and support for professional development teams.
In 2019 the decision was made to transition our codebase to a monorepo. For information on compiling and contributing, see: contribution guidelines.
As an open source product, we encourage and support the active development of our software.
Visit the TinyMCE website and check out the TinyMCE documentation.
FAQs
Web based JavaScript HTML WYSIWYG editor control.
The npm package tinymce receives a total of 226,346 weekly downloads. As such, tinymce popularity was classified as popular.
We found that tinymce demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.