Important changes to Tiny Cloud pricing > Find out more

Full Page plugin

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

Contribute to this page
+ toolbar button + menu item

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.

Type: String

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:

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

These toolbar buttons can be added to the editor using:

Menu items

The Full Page plugin provides the following menu items:

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:

Commands

The Full Page plugin provides the following JavaScript command.

Command Description
mceFullPageProperties Opens the Fullpage dialog.

Example

tinymce.activeEditor.execCommand('mceFullPageProperties');

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.