---
title: "What is TinyMCE?"
description: "What is TinyMCE and how do I add it to my project."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/introduction-to-tinymce/"
md_url: "https://www.tiny.cloud/docs/tinymce/7/introduction-to-tinymce/index.md"
version: "7"
last_updated: "2025-03-19T06:42:49Z"
tokens: 295
---
Important This page documents TinyMCE 7. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/introduction-to-tinymce/).
# What is TinyMCE?

TinyMCE is a rich-text editor that allows users to create formatted content within a user-friendly interface.

**Example**

```js
tinymce.init({
  selector: 'textarea#default-editor'
});
```
The output created is in HTML5 and can include lists, tables, and other useful elements, depending on your configuration. The functionality of the editor can be extended through plugins and customizations, or limited to suit your use-case. TinyMCE can also be customized to look and feel like part of your application or webpage by customizing the user interface. TinyMCE can be integrated into a range of frameworks and Content Management Systems (CMSs), and can be either:

- Loaded from the Tiny Cloud CDN (Content Delivery Network), which will ensure TinyMCE is always using the latest version.
- Installed with a package manager (self-hosted).
- Extracted from a .zip file (self-hosted).

## Getting Started with TinyMCE

TinyMCE is a rich text editor designed for web applications. To install TinyMCE, include the required script and initialize the editor with a minimal configuration. Upon registration, an API key is provided along with a corresponding code snippet for integration.