---
title: "Basic example"
description: "This example contains the plugins needed for the most common use cases."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/basic-example/"
md_url: "https://www.tiny.cloud/docs/tinymce/7/basic-example/index.md"
version: "7"
last_updated: "2022-03-30T07:08:51Z"
tokens: 230
---
Important This page documents TinyMCE 7. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/basic-example/).
# Basic example

## Interactive example

This example contains the plugins needed for the most common use cases.

**Example**

```js
tinymce.init({
  selector: 'textarea#basic-example',
  height: 500,
  plugins: [
    'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
    'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
    'insertdatetime', 'media', 'table', 'help', 'wordcount'
  ],
  toolbar: 'undo redo | blocks | ' +
  'bold italic backcolor | alignleft aligncenter ' +
  'alignright alignjustify | bullist numlist outdent indent | ' +
  'removeformat | help',
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }'
});
```