Full Page plugin
Edit all metadata and document properties such as title, keywords and description.
Contribute to this pageImportant: 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.