81 lines
8.0 KiB
HTML
81 lines
8.0 KiB
HTML
|
<!DOCTYPE html>
|
||
|
<!--
|
||
|
Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
|
||
|
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
||
|
-->
|
||
|
<html>
|
||
|
<head>
|
||
|
<meta charset="utf-8">
|
||
|
<title>Full Page Editing — CKEditor Sample</title>
|
||
|
<script src="../../../ckeditor.js"></script>
|
||
|
<script src="../../../samples/old/sample.js"></script>
|
||
|
<link rel="stylesheet" href="../../../samples/old/sample.css">
|
||
|
<meta name="ckeditor-sample-required-plugins" content="sourcearea">
|
||
|
<meta name="ckeditor-sample-name" content="Full page support">
|
||
|
<meta name="ckeditor-sample-group" content="Plugins">
|
||
|
<meta name="ckeditor-sample-description" content="CKEditor inserted with a JavaScript call and used to edit the whole page from <html> to </html>.">
|
||
|
</head>
|
||
|
<body>
|
||
|
<h1 class="samples">
|
||
|
<a href="../../../samples/old/index.html">CKEditor Samples</a> » Full Page Editing
|
||
|
</h1>
|
||
|
<div class="warning deprecated">
|
||
|
This sample is not maintained anymore. Check out its <a href="https://ckeditor.com/docs/ckeditor4/latest/examples/fullpage.html">brand new version in CKEditor Examples</a>.
|
||
|
</div>
|
||
|
<div class="description">
|
||
|
<p>
|
||
|
This sample shows how to configure CKEditor to edit entire HTML pages, from the
|
||
|
<code><html></code> tag to the <code></html></code> tag.
|
||
|
</p>
|
||
|
<p>
|
||
|
The CKEditor instance below is inserted with a JavaScript call using the following code:
|
||
|
</p>
|
||
|
<pre class="samples">
|
||
|
CKEDITOR.replace( '<em>textarea_id</em>', {
|
||
|
<strong>fullPage: true</strong>,
|
||
|
<strong>allowedContent: true</strong>
|
||
|
});
|
||
|
</pre>
|
||
|
<p>
|
||
|
Note that <code><em>textarea_id</em></code> in the code above is the <code>id</code> attribute of
|
||
|
the <code><textarea></code> element to be replaced.
|
||
|
</p>
|
||
|
<p>
|
||
|
The <code><em>allowedContent</em></code> in the code above is set to <code>true</code> to disable content filtering.
|
||
|
Setting this option is not obligatory, but in full page mode there is a strong chance that one may want be able to freely enter any HTML content in source mode without any limitations.
|
||
|
</p>
|
||
|
</div>
|
||
|
<form action="../../../samples/sample_posteddata.php" method="post">
|
||
|
<label for="editor1">
|
||
|
CKEditor output the entire page including content outside of
|
||
|
<code><body></code> element, so content like meta and title can be changed:
|
||
|
</label>
|
||
|
<textarea cols="80" id="editor1" name="editor1" rows="10">
|
||
|
<h1><img align="right" alt="Saturn V carrying Apollo 11" src="../../../samples/old/assets/sample.jpg"/> Apollo 11</h1> <p><b>Apollo 11</b> was the spaceflight that landed the first humans, Americans <a href="http://en.wikipedia.org/wiki/Neil_Armstrong" title="Neil Armstrong">Neil Armstrong</a> and <a href="http://en.wikipedia.org/wiki/Buzz_Aldrin" title="Buzz Aldrin">Buzz Aldrin</a>, 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.</p> <p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth. A third member of the mission, <a href="http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)" title="Michael Collins (astronaut)">Michael Collins</a>, piloted the <a href="http://en.wikipedia.org/wiki/Apollo_Command/Service_Module" title="Apollo Command/Service Module">command</a> spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.</p> <h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2> <p>Broadcast on live TV to a world-wide audience, Armstrong stepped onto the lunar surface and described the event as:</p> <blockquote><p>One small step for [a] man, one giant leap for mankind.</p></blockquote> <p>Apollo 11 effectively ended the <a href="http://en.wikipedia.org/wiki/Space_Race" title="Space Race">Space Race</a> and fulfilled a national goal proposed in 1961 by the late U.S. President <a href="http://en.wikipedia.org/wiki/John_F._Kennedy" title="John F. Kennedy">John F. Kennedy</a> in a speech before the United States Congress:</p> <blockquote><p>[...] before this decade is out, of landing a man on the Moon and returning him safely to the Earth.</p></blockquote> <h2>Technical details <a id="tech-details" name="tech-details"></a></h2> <table align="right" border="1" bordercolor="#ccc" cellpadding="5" cellspacing="0" style="border-collapse:collapse;margin:10px 0 10px 15px;"> <caption><strong>Mission crew</strong></caption> <thead> <tr> <th scope="col">Position</th> <th scope="col">Astronaut</th> </tr> </thead> <tbody> <tr> <td>Commander</td> <td>Neil A. Armstrong</td> </tr> <tr> <td>Command Module Pilot</td> <td>Michael Collins</td> </tr> <tr> <td>Lunar Module Pilot</td> <td>Edwin &quot;Buzz&quot; E. Aldrin, Jr.</td> </tr> </tbody> </table> <p>Launched by a <strong>Saturn V</strong> rocket from <a href="http://en.wikipedia.org/wiki/Kennedy_Space_Center" title="Kennedy Space Center">Kennedy Space Center</a> in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of <a href="http://en.wikipedia.org/wiki/NASA" title="NASA">NASA</a>&#39;s Apollo program. The Apollo spacecraft had three parts:</p> <ol> <li><strong>Command Module</strong> with a cabin for the three astronauts which was the only part which landed back on Earth</li> <li><strong>Service Module</strong> which supported the Command Module with propulsion, electrical power, oxygen and water</li> <li><strong>Lunar Module</strong> for landi
|
||
|
</textarea>
|
||
|
<script>
|
||
|
|
||
|
CKEDITOR.replace( 'editor1', {
|
||
|
fullPage: true,
|
||
|
allowedContent: true,
|
||
|
extraPlugins: 'wysiwygarea'
|
||
|
});
|
||
|
|
||
|
</script>
|
||
|
<p>
|
||
|
<input type="submit" value="Submit">
|
||
|
</p>
|
||
|
</form>
|
||
|
<div id="footer">
|
||
|
<hr>
|
||
|
<p>
|
||
|
CKEditor - The text editor for the Internet - <a class="samples" href="https://ckeditor.com/">https://ckeditor.com</a>
|
||
|
</p>
|
||
|
<p id="copy">
|
||
|
Copyright © 2003-2019, <a class="samples" href="https://cksource.com/">CKSource</a> - Frederico
|
||
|
Knabben. All rights reserved.
|
||
|
</p>
|
||
|
</div>
|
||
|
</body>
|
||
|
</html>
|