---
title: "Full Page HTML Plugin"
description: "Edit metadata and document properties including title, keywords, and description via a dialog box, with HTML structure exposure in source code view."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/fullpagehtml/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/fullpagehtml/index.md"
version: "latest"
last_updated: "2026-04-29T05:31:25Z"
tokens: 2745
---
# Full Page HTML Plugin
> **Note:** This plugin is only available for [paid TinyMCE subscriptions](/pricing/).
> **Note:** This feature is not supported when TinyMCE is run in *inline* mode. It is only supported in *classic* mode. For more information on the differences between the editing modes, see [Inline editing mode](../use-tinymce-inline/).
The Full Page HTML plugin provides comprehensive control over document metadata and properties. It enables users to edit HTML document metadata such as title, keywords, and description through an intuitive dialog interface. When combined with the code plugin, it also exposes the complete HTML structure including ``, ``, and various meta tags in the source code view.
## Interactive example
**Example**
```js
tinymce.init({
selector: 'textarea#fullpagehtml',
height: '800px',
plugins: [
"fullpagehtml", "advlist", "anchor", "autolink", "charmap", "code", "fullscreen",
"help", "image", "insertdatetime", "link", "lists", "media",
"preview", "searchreplace", "table", "visualblocks",
],
toolbar: "fullpagehtml | undo redo | styles | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
// Full Page HTML Plugin Configuration Options
fullpagehtml_default_doctype: '',
fullpagehtml_default_title: 'Full Page HTML Plugin Demo Document',
fullpagehtml_default_encoding: 'UTF-8',
fullpagehtml_default_body_style: 'margin: 20px; padding: 15px; font-family: Georgia, Times, serif; font-size: 16px; color: #2c3e50;',
fullpagehtml_hide_in_source_view: false // Show full page HTML in source view
});
```
## Basic setup
To add the Full Page HTML plugin to the editor, add `fullpagehtml` to the `plugins` option in the editor configuration.
For example:
```js
tinymce.init({
selector: 'textarea', // change this value according to your HTML
plugins: 'fullpagehtml',
toolbar: 'fullpagehtml',
fullpagehtml_default_doctype: ''
});
```
> **Note:** For information on bundling this plugin with module bundlers, see [Bundling TinyMCE - Overview](../bundling-guide/).
> **Warning:** **Certain elements may be removed by XSS sanitization** By default, TinyMCE sanitizes HTML content to protect against XSS attacks. Elements outside the HTML5 specification, such as `