xffxggfgfg

TinyMCE HTML/JS quick start

Get up and running in less than 5 minutes by following these simple steps:

Choose your install method

Choose an install method and review one of the quick start guides:

Add the TinyMCE code snippet

The code snippet below contains your API key and the plugins you’re entitled to on your TinyMCE plan, loaded from the Tiny Cloud:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <!-- Place the first <script> tag in your HTML's <head> --> <script src="https://cdn.tiny.cloud/1/7zrh5nbfqhr02j63tuuary14rm91uued0n2tfvwy5it0c51l/tinymce/8/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script> <!-- Place the following <script> and <textarea> tags your HTML's <body> --> <script> tinymce.init({ selector: 'textarea', plugins: [ // Core editing features 'anchor', 'autolink', 'charmap', 'codesample', 'emoticons', 'link', 'lists', 'media', 'searchreplace', 'table', 'visualblocks', 'wordcount', // Your account includes a free trial of TinyMCE premium features // Try the most popular premium features until Dec 3, 2025: 'checklist', 'mediaembed', 'casechange', 'formatpainter', 'pageembed', 'a11ychecker', 'tinymcespellchecker', 'permanentpen', 'powerpaste', 'advtable', 'advcode', 'advtemplate', 'ai', 'uploadcare', 'mentions', 'tinycomments', 'tableofcontents', 'footnotes', 'mergetags', 'autocorrect', 'typography', 'inlinecss', 'markdown','importword', 'exportword', 'exportpdf' ], toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography uploadcare | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat', tinycomments_mode: 'embedded', tinycomments_author: 'Author name', mergetags_list: [ { value: 'First.Name', title: 'First Name' }, { value: 'Email', title: 'Email' }, ], ai_request: (request, respondWith) => respondWith.string(() => Promise.reject('See docs to implement AI Assistant')), uploadcare_public_key: 'dc91cec696b7ae5a50ea', }); </script> <textarea> Welcome to TinyMCE! </textarea> Copy

Or setup your own custom TinyMCE installation with your API key:

7zrh5nbfqhr02j63tuuary14rm91uued0n2tfvwy5it0c51l Copy API Key

Explore paid features for free

Until Dec 3, all plugins and add-ons are free for you. Use this time to try our best editing experience and tools like document converters, image optimization and AI assistant.

No additional setup is required — all features are included in the TinyMCE code snippet above. Refer to the linked docs to customize your editor.

PowerPaste

Free trial How it worksSee the docs

Cleanly copy/paste content from Word, Google Docs, Excel, HTML, and more with 99.9% accuracy.

Enhanced Tables

Free trial How it worksSee the docs

Take your tables to the next level with advanced sorting and table functionality.

 

Image Optimizer

Free trial How it worksSee the docs

Simplified image transformation and delivery. Faster load times, better user experience, and robust editing tools — all within the editor.

Enhanced Media Embed

Free trial How it worksSee the docs

Add media previews from the most popular sources, including Facebook, YouTube, and Spotify.

Spell Checker

Free trial How it worksSee the docs

Typos are a thing of the past with multilingual spell checking and custom dictionaries.

Customize your editor

Popular config options:

selectorpluginstoolbarmenubarheightcontent_css

Read more about TinyMCE config options in the TinyMCE docs.

If you’re not sure what options to configure, copy the snippet into your app so you can start using the editor. You can always change the config options later.

You’re ready to use TinyMCE!

At this point, the editor is installed and ready to use in your app.

To retrieve content from TinyMCE, either process the content with a form handler or use the getContent() API method.

To use TinyMCE on domains other than localhost add your domain to the Approved Domains page