Skip to content
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
110 lines (93 sloc) 6.09 KB
<!DOCTYPE html>
Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
For licensing, see or
<meta charset="utf-8">
<meta name="description" content="Editing Complete HTML Pages. Full Page Mode with Document Properties Plugin.">
<meta name="keywords" content="ckeditor, editor, wysiwyg, full, page, fullpage, html, head, metadata, meta, doctype, configure, configuration, setup, settings, options, customization, customize, customise, customisation, config, modification, modify, change">
<meta name="sdk-samples" content="Full page editing with Document Properties plugin">
<meta name="sdk-category" content="sdk-output-control">
<meta name="sdk-order" content="20">
<title>Editing Complete HTML Pages</title>
<link href=",500,400" rel="stylesheet">
<link href="../template/theme/css/sdk.css" rel="stylesheet">
<script src="../../ckeditor-dev/ckeditor.js"></script>
<script src="assets/picoModal-2.0.1.min.js"></script>
<script src="assets/contentloaded.js"></script>
<script src="assets/simplesample.js"></script>
<script src="assets/beautify-html.js"></script>
<script src="assets/sample.js"></script>
<!--[if lt IE 9]>
<script src="assets/html5shiv.min.js"></script>
<link rel="icon" href="../template/theme/img/favicon.ico">
<header class="sdk-header">
<section class="sdk-container">
<nav class="sdk-sidebar">
<section class="sdk-contents">
<h1>Editing Complete HTML Pages <a class="documentation" href="">Documentation</a></h1>
The <strong>full page mode</strong> and the optional <a href="">Document Properties</a> plugin make
it possible to use CKEditor to edit entire HTML pages (from <code>&lt;html&gt;</code> to <code>&lt;/html&gt;</code>),
including the page metadata like <code>DOCTYPE</code>, character set encoding, meta tags, text and background color,
or margins.
When the Document Properties plugin is enabled, the <span class="button_icon" data-icon="docprops" title="Document Properties">&nbsp;</span> button is automatically added to the toolbar. Once clicked, it opens the <strong>Document Properties</strong> dialog window that lets you manipulate document metadata.
<textarea cols="80" id="editor1" name="editor1" rows="10" data-sample="1" >
&lt;!DOCTYPE html&gt;
&lt;title&gt;Apollo 11&lt;/title&gt;
&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;content-type&quot; /&gt;
&lt;meta content=&quot;fullpage,docprops,meta,html,head&quot; name=&quot;keywords&quot; /&gt;
&lt;meta content=&quot;CKEditor full page editing with Document Properties plugin sample&quot; name=&quot;description&quot; /&gt;
&lt;meta content=&quot;CKEditor&quot; name=&quot;author&quot; /&gt;
&lt;meta content=&quot;CKSource - Frederico Knabben&quot; name=&quot;copyright&quot; /&gt;
&lt;body style=&quot;margin-left: 40px; margin-right: 40px; background-color: rgb(237, 237, 237);&quot;&gt;
&lt;h1&gt;&lt;img alt=&quot;Saturn V carrying Apollo 11&quot; align=&quot;right&quot; src=&quot;assets/sample.jpg&quot; /&gt; Apollo 11&lt;/h1&gt;
&lt;p&gt;&lt;strong&gt;Apollo 11&lt;/strong&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;;&gt;Buzz Aldrin&lt;/a&gt;, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.&lt;/p&gt;
&lt;p&gt;Armstrong spent about &lt;s&gt;three and a half&lt;/s&gt; two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&amp;nbsp;kg) of lunar material for return to Earth. A third member of the mission, &lt;a href=&quot;;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;;&gt;command&lt;/a&gt; spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.&lt;/p&gt;
&lt;h2&gt;Broadcasting and &lt;em&gt;quotes&lt;/em&gt; &lt;a id=&quot;quotes&quot; name=&quot;quotes&quot;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:&lt;/p&gt;
&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;
&lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;;&gt;Space Race&lt;/a&gt; and fulfilled a national goal proposed in 1961 by the late U.S. President &lt;a href=&quot;;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt;
&lt;p&gt;[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;small&gt;Source: &lt;a href=&quot;;&gt;;/a&gt;&lt;/small&gt;&lt;/p&gt;
<div class="tip">
Both full page editing and the Documentation Properties plugin are only available for
<a href="./classic.html">classic editor</a>.
<script data-sample="1" >
CKEDITOR.replace( 'editor1', {
fullPage: true,
extraPlugins: 'docprops',
// Disable content filtering because if you use full page mode, you probably
// want to freely enter any HTML content in source mode without any limitations.
allowedContent: true,
height: 320
} );
<footer class="sdk-footer">
You can’t perform that action at this time.