Important changes to Tiny Cloud pricing > Find out more

Examples & demos

Working examples of TinyMCE's popular functionality.

Contribute to this page

Basic example

See how we built a commonly used TinyMCE instance.

Full featured

Every TinyMCE plugin in action.

Case Change

Change the case of text.


Tiny Comments provides the ability to add comments to the content and collaborate with other users for content editing.


Add checklists to the content.

Page Embed

Easily inserts iframe into the content.

Permanent Pen

Apply formats while typing.

Format Painter

Quickly apply formats to multiple pieces of text.

Tiny Drive

Tiny Drive

Distraction-free editor

Distraction-free editor.

Inline editor

See how inline editor works.

Classic editor mode

Configure TinyMCE classic editor.

Image tools

See how image tools works.

Custom formats

See how easy it is to add custom styles to the Formats menu.

HTML5 formats

HTML5, visualblocks and content_css features on display.

URL conversion

Examples of absolute, relative urls and urls with no conversion.

Valid elements

Explore how valid_elements cleans up raw HTML output.

Custom toolbar button

Add a custom button to the toolbar.

Custom toolbar menu button

Add a custom menu button to the toolbar.

Custom toolbar split button

Add a custom menu button to the toolbar.

Custom menu item

Add simple menu items to a new custom menu.

Basic local file picker

This example shows how to add a local file picker to the Image dialog.

Local file upload

This example demonstrates the local file upload feature.

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.