--- title: "Installing TinyMCE with Composer" description: "Learn how to install TinyMCE from Packagist using Composer." canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/php-projects/" md_url: "https://www.tiny.cloud/docs/tinymce/latest/php-projects/index.md" version: "latest" last_updated: "2026-09-11T04:39:13Z" tokens: 1035 --- # Installing TinyMCE with Composer ## Install TinyMCE using the Composer package manager TinyMCE 8 is a powerful and flexible rich text editor that can be embedded in web applications. This quick start covers how to add a TinyMCE editor to a web page using the Composer package manager. To add TinyMCE to a PHP project using Composer, run the following on a command line: ```sh composer require tinymce/tinymce ``` The location of the main TinyMCE script will be: `vendor/tinymce/tinymce/tinymce.min.js`. Ensure the `tinymce` directory containing the `tinymce.min.js` file is accessible for the target page or application by either: - Using a webserver route, or - Copying the `tinymce` directory to a public folder using a build tool. ## Include the TinyMCE script Include the following line of code in the `` of a HTML page: ```html ``` ## Initialize TinyMCE as part of a web form Initialize TinyMCE 8 on any element (or elements) on the web page by passing an object containing a `selector` value to `tinymce.init()`. The `selector` value can be any valid [CSS selector](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors). For example, to replace ` ``` Adding this content to an HTML file and opening it in a web browser will load a TinyMCE editor, such as: **Example** ```js tinymce.init({ selector: 'textarea#default' }); ``` ## Save the content from the editor To retrieve content from the editor, either process the content with a form handler or use the [getContent API](../apis/tinymce.editor/#getContent). If you use a form handler, once the `

` is submitted, TinyMCE 8 will `POST` the content in the same way as a normal HTML `

`, including the HTML elements and inline CSS of the editor content. The host’s form handler can process the submitted content in the same way as content from a regular `<textarea>`.

### Get and set content programmatically

Use the [`getContent`](../apis/tinymce.editor/#getContent) and [`setContent`](../apis/tinymce.editor/#setContent) APIs to read and write editor content from JavaScript.

#### Example: retrieve editor content as HTML

```js
const editor = tinymce.activeEditor;
const html = editor.getContent();
console.log(html);
```
To retrieve the content as plain text instead of HTML:

```js
const editor = tinymce.activeEditor;
const text = editor.getContent({ format: 'text' });
console.log(text);
```

#### Example: set editor content

```js
const editor = tinymce.activeEditor;
editor.setContent('<p>New content</p>');
```

## Next Steps

For information on:

- Setting the license, see: [Setting the license](../license-key/#setting-the-license).
- Customizing TinyMCE, see: [Basic Setup](../basic-setup/).
- The three editor modes, see:

- [TinyMCE classic editing mode](../use-tinymce-classic/).
  - [TinyMCE inline editing mode](../use-tinymce-inline/).
  - [TinyMCE distraction-free editing mode](../use-tinymce-distraction-free/).
- Adding TinyMCE plugins, see: [Work with plugins to extend TinyMCE](../work-with-plugins/).
- Localizing the TinyMCE editor, see: [Localize TinyMCE](../localize-your-language/).
- For information on the CSS required to render some TinyMCE elements outside of the editor, see: [CSS for rendering TinyMCE content outside the editor](../editor-content-css/).