TinyMCE 7 examples

General examples

This table sets out the TinyMCE general working examples included in the TinyMCE documentation.

Basic working editor example.

Fully-featured editor example including all Open Source plugins.

Fully-featured editor example, including all Open Source plugins and almost all Premium plugins.

Working TinyMCE editor in Classic editor mode.

Working TinyMCE editor in Inline mode.

Working TinyMCE editor in Distraction-free mode.

This table sets out TinyMCE use-case–specific basic working examples included in the TinyMCE documentation.

Using TinyMCE to create re-usable and partially-editable templates.

This table sets out TinyMCE’s range of pre-made skins and icon packs included in the TinyMCE documentation.

Example form with colors, forms, and buttons to closely match the default Bootstrap framework UI.

Default TinyMCE skin without an outer border, ideal for "fullscreen" editing.

Microsoft design language-inspired Fabric skin with optional custom borders.

Microsoft design language-inspired Fluent skin with optional custom borders.

Icons from JAM icon library used with the Small skin.

Example form with classical Material Design components and Material Classic skin.

Example form with outlined Material Design components and Material Outline skin.

Clean and simple text input experience with Naked skin, no outer or toolbar borders.

Clean text input with Outside skin, border around editable area, small icon pack.

Smaller buttons using Small skin with smaller default icons.

Modern, lightweight editor with Snow skin, looks great with Thin icon pack.