Full Page plugin

Edit all metadata and document properties such as title, keywords and description.

+ toolbar button + menu item

Important: The Full Page plugin (fullpage) was deprecated with the release of TinyMCE 5.9. For details, see the Full Page plugin deprecation notice. The Full Page plugin will be removed in TinyMCE 6.0.

This plugin allows user to edit certain metadata and document properties such as title, keywords, and description. This is done via a dialog box which appears after pressing a control added to the toolbar. If the code plugin is enabled fullpage exposes <head>, <body> and various meta tags in source code view.

The plugin also adds a Metadata and Document properties menu under the File menu and button to the toolbar.

Basic setup

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  menubar: 'file',
  toolbar: 'fullpage'
});

Options

These settings affect the execution of the fullpage plugin. Many of the settings allow you to specify default values for the full page editing process.

fullpage_default_doctype

This option enables you to specify the default doctype for the output HTML.

Type: String

Example: Using fullpage_default_doctype

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_default_doctype: '<!DOCTYPE html>'
});

fullpage_default_encoding

This option enables you to specify the default encoding for the output HTML.

Type: String

Example: Using fullpage_default_encoding

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_default_encoding: 'UTF-8'
});

fullpage_default_font_size

This option enables you to specify the default font size for the body element.

Type: String

Example: Using fullpage_default_font_size

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_default_font_size: '14px'
});

fullpage_default_font_family

This option enables you to specify the default font family for the body element.

Type: String

Example: Using fullpage_default_font_family

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_default_font_family: "'Times New Roman', Georgia, Serif;"
});

fullpage_default_title

This option enables you to specify the default title for the output HTML.

Type: String

Example: Using fullpage_default_title

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_default_title: 'My default page title'
});

fullpage_default_text_color

This option enables you to specify the default text color for the body element.

Type: String

Example: Using fullpage_default_text_color

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_default_text_color: 'blue'
});

fullpage_default_xml_pi

This option enables you to specify if a XML declaration should be added or not true/false option.

Type: Boolean

Possible Values: true, false

Example: Using fullpage_default_xml_pi

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_default_xml_pi: true
});

fullpage_hide_in_source_view

This option allows you to specify whether TinyMCE should hide the non body content from source view.

Type: Boolean

Possible Values: true, false

Example: Using fullpage_hide_in_source_view

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullpage',
  fullpage_hide_in_source_view: true
});

Toolbar buttons

The Full Page plugin provides the following toolbar buttons:

Important: The Full Page plugin (fullpage) was deprecated with the release of TinyMCE 5.9. For details, see the Full Page plugin deprecation notice. The Full Page plugin will be removed in TinyMCE 6.0.

Toolbar button identifier	Description
`fullpage`	Documents properties for the full page.

These toolbar buttons can be added to the editor using:

The toolbar configuration option.
The quickbars_insert_toolbar configuration option.
Custom Context toolbars.

Menu items

The Full Page plugin provides the following menu items:

Important: The Full Page plugin (fullpage) was deprecated with the release of TinyMCE 5.9. For details, see the Full Page plugin deprecation notice. The Full Page plugin will be removed in TinyMCE 6.0.

Menu item identifier	Default Menu Location	Description
`fullpage`	Not Applicable	Documents properties for the full page.

These menu items can be added to the editor using:

The menu configuration option.
The contextmenu configuration option.
Custom Menu toolbar buttons.

Commands

The Full Page plugin provides the following JavaScript command.

Command	Description
mceFullPageProperties	Opens the Fullpage dialog.

Example

tinymce.activeEditor.execCommand('mceFullPageProperties');

Was this article helpful? Yes - No

Well, that's awkward . Would you mind opening an issue or helping us out?

Thanks for the feedback!

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.