ckeditor/samples/old/datafiltering.html
author indvd00m (gotoindvdum[at]gmail[dot]com)
Thu, 15 Dec 2016 18:10:20 +0300
changeset 0 44d330dccc59
permissions -rw-r--r--
Init sample
indvd00m@0
     1
<!DOCTYPE html>
indvd00m@0
     2
<!--
indvd00m@0
     3
Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
indvd00m@0
     4
For licensing, see LICENSE.md or http://ckeditor.com/license
indvd00m@0
     5
-->
indvd00m@0
     6
<html>
indvd00m@0
     7
<head>
indvd00m@0
     8
	<meta charset="utf-8">
indvd00m@0
     9
	<title>Data Filtering &mdash; CKEditor Sample</title>
indvd00m@0
    10
	<script src="../../ckeditor.js"></script>
indvd00m@0
    11
	<link rel="stylesheet" href="sample.css">
indvd00m@0
    12
	<script>
indvd00m@0
    13
		// Remove advanced tabs for all editors.
indvd00m@0
    14
		CKEDITOR.config.removeDialogTabs = 'image:advanced;link:advanced;flash:advanced;creatediv:advanced;editdiv:advanced';
indvd00m@0
    15
	</script>
indvd00m@0
    16
</head>
indvd00m@0
    17
<body>
indvd00m@0
    18
	<h1 class="samples">
indvd00m@0
    19
		<a href="index.html">CKEditor Samples</a> &raquo; Data Filtering and Features Activation
indvd00m@0
    20
	</h1>
indvd00m@0
    21
	<div class="warning deprecated">
indvd00m@0
    22
		This sample is not maintained anymore. Check out its <a href="http://sdk.ckeditor.com/samples/acf.html">brand new version in CKEditor SDK</a>.
indvd00m@0
    23
	</div>
indvd00m@0
    24
	<div class="description">
indvd00m@0
    25
		<p>
indvd00m@0
    26
			This sample page demonstrates the idea of Advanced Content Filter
indvd00m@0
    27
			(<abbr title="Advanced Content Filter">ACF</abbr>), a sophisticated
indvd00m@0
    28
			tool that takes control over what kind of data is accepted by the editor and what
indvd00m@0
    29
			kind of output is produced.
indvd00m@0
    30
		</p>
indvd00m@0
    31
		<h2>When and what is being filtered?</h2>
indvd00m@0
    32
		<p>
indvd00m@0
    33
			<abbr title="Advanced Content Filter">ACF</abbr> controls
indvd00m@0
    34
			<strong>every single source of data</strong> that comes to the editor.
indvd00m@0
    35
			It process both HTML that is inserted manually (i.e. pasted by the user)
indvd00m@0
    36
			and programmatically like:
indvd00m@0
    37
		</p>
indvd00m@0
    38
<pre class="samples">
indvd00m@0
    39
editor.setData( '&lt;p&gt;Hello world!&lt;/p&gt;' );
indvd00m@0
    40
</pre>
indvd00m@0
    41
		<p>
indvd00m@0
    42
			<abbr title="Advanced Content Filter">ACF</abbr> discards invalid,
indvd00m@0
    43
			useless HTML tags and attributes so the editor remains "clean" during
indvd00m@0
    44
			runtime. <abbr title="Advanced Content Filter">ACF</abbr> behaviour
indvd00m@0
    45
			can be configured and adjusted for a particular case to prevent the
indvd00m@0
    46
			output HTML (i.e. in CMS systems) from being polluted.
indvd00m@0
    47
indvd00m@0
    48
			This kind of filtering is a first, client-side line of defense
indvd00m@0
    49
			against "<a href="http://en.wikipedia.org/wiki/Tag_soup">tag soups</a>",
indvd00m@0
    50
			the tool that precisely restricts which tags, attributes and styles
indvd00m@0
    51
			are allowed (desired). When properly configured, <abbr title="Advanced Content Filter">ACF</abbr>
indvd00m@0
    52
			is an easy and fast way to produce a high-quality, intentionally filtered HTML.
indvd00m@0
    53
		</p>
indvd00m@0
    54
indvd00m@0
    55
		<h3>How to configure or disable ACF?</h3>
indvd00m@0
    56
		<p>
indvd00m@0
    57
			Advanced Content Filter is enabled by default, working in "automatic mode", yet
indvd00m@0
    58
			it provides a set of easy rules that allow adjusting filtering rules
indvd00m@0
    59
			and disabling the entire feature when necessary. The config property
indvd00m@0
    60
			responsible for this feature is <code><a class="samples"
indvd00m@0
    61
			href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">config.allowedContent</a></code>.
indvd00m@0
    62
		</p>
indvd00m@0
    63
		<p>
indvd00m@0
    64
			By "automatic mode" is meant that loaded plugins decide which kind
indvd00m@0
    65
			of content is enabled and which is not. For example, if the link
indvd00m@0
    66
			plugin is loaded it implies that <code>&lt;a&gt;</code> tag is
indvd00m@0
    67
			automatically allowed. Each plugin is given a set
indvd00m@0
    68
			of predefined <abbr title="Advanced Content Filter">ACF</abbr> rules
indvd00m@0
    69
			that control the editor until <code><a class="samples"
indvd00m@0
    70
			href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
indvd00m@0
    71
			config.allowedContent</a></code>
indvd00m@0
    72
			is defined manually.
indvd00m@0
    73
		</p>
indvd00m@0
    74
		<p>
indvd00m@0
    75
			Let's assume our intention is to restrict the editor to accept (produce) <strong>paragraphs
indvd00m@0
    76
			only: no attributes, no styles, no other tags</strong>.
indvd00m@0
    77
			With <abbr title="Advanced Content Filter">ACF</abbr>
indvd00m@0
    78
			this is very simple. Basically set <code><a class="samples"
indvd00m@0
    79
			href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
indvd00m@0
    80
			config.allowedContent</a></code> to <code>'p'</code>:
indvd00m@0
    81
		</p>
indvd00m@0
    82
<pre class="samples">
indvd00m@0
    83
var editor = CKEDITOR.replace( <em>textarea_id</em>, {
indvd00m@0
    84
	<strong>allowedContent: 'p'</strong>
indvd00m@0
    85
} );
indvd00m@0
    86
</pre>
indvd00m@0
    87
		<p>
indvd00m@0
    88
			Now try to play with allowed content:
indvd00m@0
    89
		</p>
indvd00m@0
    90
<pre class="samples">
indvd00m@0
    91
// Trying to insert disallowed tag and attribute.
indvd00m@0
    92
editor.setData( '&lt;p <strong>style="color: red"</strong>&gt;Hello <strong>&lt;em&gt;world&lt;/em&gt;</strong>!&lt;/p&gt;' );
indvd00m@0
    93
alert( editor.getData() );
indvd00m@0
    94
indvd00m@0
    95
// Filtered data is returned.
indvd00m@0
    96
"&lt;p&gt;Hello world!&lt;/p&gt;"
indvd00m@0
    97
</pre>
indvd00m@0
    98
		<p>
indvd00m@0
    99
			What happened? Since <code>config.allowedContent: 'p'</code> is set the editor assumes
indvd00m@0
   100
			that only plain <code>&lt;p&gt;</code> are accepted. Nothing more. This is why
indvd00m@0
   101
			<code>style</code> attribute and <code>&lt;em&gt;</code> tag are gone. The same
indvd00m@0
   102
			filtering would happen if we pasted disallowed HTML into this editor.
indvd00m@0
   103
		</p>
indvd00m@0
   104
		<p>
indvd00m@0
   105
			This is just a small sample of what <abbr title="Advanced Content Filter">ACF</abbr>
indvd00m@0
   106
			can do. To know more, please refer to the sample section below and
indvd00m@0
   107
			<a href="http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter">the official Advanced Content Filter guide</a>.
indvd00m@0
   108
		</p>
indvd00m@0
   109
		<p>
indvd00m@0
   110
			You may, of course, want CKEditor to avoid filtering of any kind.
indvd00m@0
   111
			To get rid of <abbr title="Advanced Content Filter">ACF</abbr>,
indvd00m@0
   112
			basically set <code><a class="samples"
indvd00m@0
   113
			href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
indvd00m@0
   114
			config.allowedContent</a></code> to <code>true</code> like this:
indvd00m@0
   115
		</p>
indvd00m@0
   116
<pre class="samples">
indvd00m@0
   117
CKEDITOR.replace( <em>textarea_id</em>, {
indvd00m@0
   118
	<strong>allowedContent: true</strong>
indvd00m@0
   119
} );
indvd00m@0
   120
</pre>
indvd00m@0
   121
indvd00m@0
   122
		<h2>Beyond data flow: Features activation</h2>
indvd00m@0
   123
		<p>
indvd00m@0
   124
			<abbr title="Advanced Content Filter">ACF</abbr> is far more than
indvd00m@0
   125
			<abbr title="Input/Output">I/O</abbr> control: the entire
indvd00m@0
   126
			<abbr title="User Interface">UI</abbr> of the editor is adjusted to what
indvd00m@0
   127
			filters restrict. For example: if <code>&lt;a&gt;</code> tag is
indvd00m@0
   128
			<strong>disallowed</strong>
indvd00m@0
   129
			by <abbr title="Advanced Content Filter">ACF</abbr>,
indvd00m@0
   130
			then accordingly <code>link</code> command, toolbar button and link dialog
indvd00m@0
   131
			are also disabled. Editor is smart: it knows which features must be
indvd00m@0
   132
			removed from the interface to match filtering rules.
indvd00m@0
   133
		</p>
indvd00m@0
   134
		<p>
indvd00m@0
   135
			CKEditor can be far more specific. If <code>&lt;a&gt;</code> tag is
indvd00m@0
   136
			<strong>allowed</strong> by filtering rules to be used but it is restricted
indvd00m@0
   137
			to have only one attribute (<code>href</code>)
indvd00m@0
   138
			<code>config.allowedContent = 'a[!href]'</code>, then
indvd00m@0
   139
			"Target" tab of the link dialog is automatically disabled as <code>target</code>
indvd00m@0
   140
			attribute isn't included in <abbr title="Advanced Content Filter">ACF</abbr> rules
indvd00m@0
   141
			for <code>&lt;a&gt;</code>. This behaviour applies to dialog fields, context
indvd00m@0
   142
			menus and toolbar buttons.
indvd00m@0
   143
		</p>
indvd00m@0
   144
indvd00m@0
   145
		<h2>Sample configurations</h2>
indvd00m@0
   146
		<p>
indvd00m@0
   147
			There are several editor instances below that present different
indvd00m@0
   148
			<abbr title="Advanced Content Filter">ACF</abbr> setups. <strong>All of them,
indvd00m@0
   149
			except the inline instance, share the same HTML content</strong> to visualize
indvd00m@0
   150
			how different filtering rules affect the same input data.
indvd00m@0
   151
		</p>
indvd00m@0
   152
	</div>
indvd00m@0
   153
indvd00m@0
   154
	<div>
indvd00m@0
   155
		<label for="editor1">
indvd00m@0
   156
			Editor 1:
indvd00m@0
   157
		</label>
indvd00m@0
   158
		<div class="description">
indvd00m@0
   159
			<p>
indvd00m@0
   160
				This editor is using default configuration ("automatic mode"). It means that
indvd00m@0
   161
				<code><a class="samples"
indvd00m@0
   162
				href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
indvd00m@0
   163
				config.allowedContent</a></code> is defined by loaded plugins.
indvd00m@0
   164
				Each plugin extends filtering rules to make it's own associated content
indvd00m@0
   165
				available for the user.
indvd00m@0
   166
			</p>
indvd00m@0
   167
		</div>
indvd00m@0
   168
		<textarea cols="80" id="editor1" name="editor1" rows="10">
indvd00m@0
   169
			&lt;h1&gt;&lt;img alt=&quot;Saturn V carrying Apollo 11&quot; class=&quot;right&quot; src=&quot;assets/sample.jpg&quot;/&gt; Apollo 11&lt;/h1&gt; &lt;p&gt;&lt;b&gt;Apollo 11&lt;/b&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot; title=&quot;Neil Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot; title=&quot;Buzz Aldrin&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;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot; title=&quot;Michael Collins (astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot; title=&quot;Apollo Command/Service Module&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;blockquote&gt;&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;&lt;/blockquote&gt; &lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;http://en.wikipedia.org/wiki/Space_Race&quot; title=&quot;Space Race&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;http://en.wikipedia.org/wiki/John_F._Kennedy&quot; title=&quot;John F. Kennedy&quot;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt; &lt;blockquote&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;/blockquote&gt; &lt;h2&gt;Technical details &lt;a id=&quot;tech-details&quot; name=&quot;tech-details&quot;&gt;&lt;/a&gt;&lt;/h2&gt; &lt;table align=&quot;right&quot; border=&quot;1&quot; bordercolor=&quot;#ccc&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; style=&quot;border-collapse:collapse;margin:10px 0 10px 15px;&quot;&gt; &lt;caption&gt;&lt;strong&gt;Mission crew&lt;/strong&gt;&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th scope=&quot;col&quot;&gt;Position&lt;/th&gt; &lt;th scope=&quot;col&quot;&gt;Astronaut&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Commander&lt;/td&gt; &lt;td&gt;Neil A. Armstrong&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Command Module Pilot&lt;/td&gt; &lt;td&gt;Michael Collins&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Lunar Module Pilot&lt;/td&gt; &lt;td&gt;Edwin &amp;quot;Buzz&amp;quot; E. Aldrin, Jr.&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Launched by a &lt;strong&gt;Saturn V&lt;/strong&gt; rocket from &lt;a href=&quot;http://en.wikipedia.org/wiki/Kennedy_Space_Center&quot; title=&quot;Kennedy Space Center&quot;&gt;Kennedy Space Center&lt;/a&gt; in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of &lt;a href=&quot;http://en.wikipedia.org/wiki/NASA&quot; title=&quot;NASA&quot;&gt;NASA&lt;/a&gt;&amp;#39;s Apollo program. The Apollo spacecraft had three parts:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;strong&gt;Command Module&lt;/strong&gt; with a cabin for the three astronauts which was the only part which landed back on Earth&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Service Module&lt;/strong&gt; which supported the Command Module with propulsion, electrical power, oxygen and water&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Lunar Module&lt;/strong&gt; for landing on the Moon.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;After being sent to the Moon by the Saturn V&amp;#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Mare_Tranquillitatis&quot; title=&quot;Mare Tranquillitatis&quot;&gt;Sea of Tranquility&lt;/a&gt;. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Pacific_Ocean&quot; title=&quot;Pacific Ocean&quot;&gt;Pacific Ocean&lt;/a&gt; on July 24.&lt;/p&gt; &lt;hr/&gt; &lt;p style=&quot;text-align: right;&quot;&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
indvd00m@0
   170
		</textarea>
indvd00m@0
   171
indvd00m@0
   172
		<script>
indvd00m@0
   173
indvd00m@0
   174
			CKEDITOR.replace( 'editor1' );
indvd00m@0
   175
indvd00m@0
   176
		</script>
indvd00m@0
   177
	</div>
indvd00m@0
   178
indvd00m@0
   179
	<br>
indvd00m@0
   180
indvd00m@0
   181
	<div>
indvd00m@0
   182
		<label for="editor2">
indvd00m@0
   183
			Editor 2:
indvd00m@0
   184
		</label>
indvd00m@0
   185
		<div class="description">
indvd00m@0
   186
			<p>
indvd00m@0
   187
				This editor is using a custom configuration for
indvd00m@0
   188
				<abbr title="Advanced Content Filter">ACF</abbr>:
indvd00m@0
   189
			</p>
indvd00m@0
   190
<pre class="samples">
indvd00m@0
   191
CKEDITOR.replace( 'editor2', {
indvd00m@0
   192
	allowedContent:
indvd00m@0
   193
		'h1 h2 h3 p blockquote strong em;' +
indvd00m@0
   194
		'a[!href];' +
indvd00m@0
   195
		'img(left,right)[!src,alt,width,height];' +
indvd00m@0
   196
		'table tr th td caption;' +
indvd00m@0
   197
		'span{!font-family};' +'
indvd00m@0
   198
		'span{!color};' +
indvd00m@0
   199
		'span(!marker);' +
indvd00m@0
   200
		'del ins'
indvd00m@0
   201
} );
indvd00m@0
   202
</pre>
indvd00m@0
   203
			<p>
indvd00m@0
   204
				The following rules may require additional explanation:
indvd00m@0
   205
			</p>
indvd00m@0
   206
			<ul>
indvd00m@0
   207
				<li>
indvd00m@0
   208
					<code>h1 h2 h3 p blockquote strong em</code> - These tags
indvd00m@0
   209
					are accepted by the editor. Any tag attributes will be discarded.
indvd00m@0
   210
				</li>
indvd00m@0
   211
				<li>
indvd00m@0
   212
					<code>a[!href]</code> - <code>href</code> attribute is obligatory
indvd00m@0
   213
					for <code>&lt;a&gt;</code> tag. Tags without this attribute
indvd00m@0
   214
					are disarded. No other attribute will be accepted.
indvd00m@0
   215
				</li>
indvd00m@0
   216
				<li>
indvd00m@0
   217
					<code>img(left,right)[!src,alt,width,height]</code> - <code>src</code>
indvd00m@0
   218
					attribute is obligatory for <code>&lt;img&gt;</code> tag.
indvd00m@0
   219
					<code>alt</code>, <code>width</code>, <code>height</code>
indvd00m@0
   220
					and <code>class</code> attributes are accepted but
indvd00m@0
   221
					<code>class</code> must be either <code>class="left"</code>
indvd00m@0
   222
					or <code>class="right"</code>
indvd00m@0
   223
				</li>
indvd00m@0
   224
				<li>
indvd00m@0
   225
					<code>table tr th td caption</code> - These tags
indvd00m@0
   226
					are accepted by the editor. Any tag attributes will be discarded.
indvd00m@0
   227
				</li>
indvd00m@0
   228
				<li>
indvd00m@0
   229
					<code>span{!font-family}</code>, <code>span{!color}</code>,
indvd00m@0
   230
					<code>span(!marker)</code> - <code>&lt;span&gt;</code> tags
indvd00m@0
   231
					will be accepted if either <code>font-family</code> or
indvd00m@0
   232
					<code>color</code> style is set or <code>class="marker"</code>
indvd00m@0
   233
					is present.
indvd00m@0
   234
				</li>
indvd00m@0
   235
				<li>
indvd00m@0
   236
					<code>del ins</code> - These tags
indvd00m@0
   237
					are accepted by the editor. Any tag attributes will be discarded.
indvd00m@0
   238
				</li>
indvd00m@0
   239
			</ul>
indvd00m@0
   240
			<p>
indvd00m@0
   241
				Please note that <strong><abbr title="User Interface">UI</abbr> of the
indvd00m@0
   242
				editor is different</strong>. It's a response to what happened to the filters.
indvd00m@0
   243
				Since <code>text-align</code> isn't allowed, the align toolbar is gone.
indvd00m@0
   244
				The same thing happened to subscript/superscript, strike, underline
indvd00m@0
   245
				(<code>&lt;u&gt;</code>, <code>&lt;sub&gt;</code>, <code>&lt;sup&gt;</code>
indvd00m@0
   246
				are disallowed by <code><a class="samples"
indvd00m@0
   247
				href="http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent">
indvd00m@0
   248
				config.allowedContent</a></code>) and many other buttons.
indvd00m@0
   249
			</p>
indvd00m@0
   250
		</div>
indvd00m@0
   251
		<textarea cols="80" id="editor2" name="editor2" rows="10">
indvd00m@0
   252
			&lt;h1&gt;&lt;img alt=&quot;Saturn V carrying Apollo 11&quot; class=&quot;right&quot; src=&quot;assets/sample.jpg&quot;/&gt; Apollo 11&lt;/h1&gt; &lt;p&gt;&lt;b&gt;Apollo 11&lt;/b&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot; title=&quot;Neil Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot; title=&quot;Buzz Aldrin&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;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot; title=&quot;Michael Collins (astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot; title=&quot;Apollo Command/Service Module&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;blockquote&gt;&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;&lt;/blockquote&gt; &lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;http://en.wikipedia.org/wiki/Space_Race&quot; title=&quot;Space Race&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;http://en.wikipedia.org/wiki/John_F._Kennedy&quot; title=&quot;John F. Kennedy&quot;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt; &lt;blockquote&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;/blockquote&gt; &lt;h2&gt;Technical details &lt;a id=&quot;tech-details&quot; name=&quot;tech-details&quot;&gt;&lt;/a&gt;&lt;/h2&gt; &lt;table align=&quot;right&quot; border=&quot;1&quot; bordercolor=&quot;#ccc&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; style=&quot;border-collapse:collapse;margin:10px 0 10px 15px;&quot;&gt; &lt;caption&gt;&lt;strong&gt;Mission crew&lt;/strong&gt;&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th scope=&quot;col&quot;&gt;Position&lt;/th&gt; &lt;th scope=&quot;col&quot;&gt;Astronaut&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Commander&lt;/td&gt; &lt;td&gt;Neil A. Armstrong&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Command Module Pilot&lt;/td&gt; &lt;td&gt;Michael Collins&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Lunar Module Pilot&lt;/td&gt; &lt;td&gt;Edwin &amp;quot;Buzz&amp;quot; E. Aldrin, Jr.&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Launched by a &lt;strong&gt;Saturn V&lt;/strong&gt; rocket from &lt;a href=&quot;http://en.wikipedia.org/wiki/Kennedy_Space_Center&quot; title=&quot;Kennedy Space Center&quot;&gt;Kennedy Space Center&lt;/a&gt; in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of &lt;a href=&quot;http://en.wikipedia.org/wiki/NASA&quot; title=&quot;NASA&quot;&gt;NASA&lt;/a&gt;&amp;#39;s Apollo program. The Apollo spacecraft had three parts:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;strong&gt;Command Module&lt;/strong&gt; with a cabin for the three astronauts which was the only part which landed back on Earth&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Service Module&lt;/strong&gt; which supported the Command Module with propulsion, electrical power, oxygen and water&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Lunar Module&lt;/strong&gt; for landing on the Moon.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;After being sent to the Moon by the Saturn V&amp;#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Mare_Tranquillitatis&quot; title=&quot;Mare Tranquillitatis&quot;&gt;Sea of Tranquility&lt;/a&gt;. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Pacific_Ocean&quot; title=&quot;Pacific Ocean&quot;&gt;Pacific Ocean&lt;/a&gt; on July 24.&lt;/p&gt; &lt;hr/&gt; &lt;p style=&quot;text-align: right;&quot;&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
indvd00m@0
   253
		</textarea>
indvd00m@0
   254
		<script>
indvd00m@0
   255
indvd00m@0
   256
			CKEDITOR.replace( 'editor2', {
indvd00m@0
   257
				allowedContent:
indvd00m@0
   258
					'h1 h2 h3 p blockquote strong em;' +
indvd00m@0
   259
					'a[!href];' +
indvd00m@0
   260
					'img(left,right)[!src,alt,width,height];' +
indvd00m@0
   261
					'table tr th td caption;' +
indvd00m@0
   262
					'span{!font-family};' +
indvd00m@0
   263
					'span{!color};' +
indvd00m@0
   264
					'span(!marker);' +
indvd00m@0
   265
					'del ins'
indvd00m@0
   266
			} );
indvd00m@0
   267
indvd00m@0
   268
		</script>
indvd00m@0
   269
	</div>
indvd00m@0
   270
indvd00m@0
   271
	<br>
indvd00m@0
   272
indvd00m@0
   273
	<div>
indvd00m@0
   274
		<label for="editor3">
indvd00m@0
   275
			Editor 3:
indvd00m@0
   276
		</label>
indvd00m@0
   277
		<div class="description">
indvd00m@0
   278
			<p>
indvd00m@0
   279
				This editor is using a custom configuration for
indvd00m@0
   280
				<abbr title="Advanced Content Filter">ACF</abbr>.
indvd00m@0
   281
				Note that filters can be configured as an object literal
indvd00m@0
   282
				as an alternative to a string-based definition.
indvd00m@0
   283
			</p>
indvd00m@0
   284
<pre class="samples">
indvd00m@0
   285
CKEDITOR.replace( 'editor3', {
indvd00m@0
   286
	allowedContent: {
indvd00m@0
   287
		'b i ul ol big small': true,
indvd00m@0
   288
		'h1 h2 h3 p blockquote li': {
indvd00m@0
   289
			styles: 'text-align'
indvd00m@0
   290
		},
indvd00m@0
   291
		a: { attributes: '!href,target' },
indvd00m@0
   292
		img: {
indvd00m@0
   293
			attributes: '!src,alt',
indvd00m@0
   294
			styles: 'width,height',
indvd00m@0
   295
			classes: 'left,right'
indvd00m@0
   296
		}
indvd00m@0
   297
	}
indvd00m@0
   298
} );
indvd00m@0
   299
</pre>
indvd00m@0
   300
		</div>
indvd00m@0
   301
		<textarea cols="80" id="editor3" name="editor3" rows="10">
indvd00m@0
   302
			&lt;h1&gt;&lt;img alt=&quot;Saturn V carrying Apollo 11&quot; class=&quot;right&quot; src=&quot;assets/sample.jpg&quot;/&gt; Apollo 11&lt;/h1&gt; &lt;p&gt;&lt;b&gt;Apollo 11&lt;/b&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot; title=&quot;Neil Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot; title=&quot;Buzz Aldrin&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;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot; title=&quot;Michael Collins (astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot; title=&quot;Apollo Command/Service Module&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;blockquote&gt;&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;&lt;/blockquote&gt; &lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;http://en.wikipedia.org/wiki/Space_Race&quot; title=&quot;Space Race&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;http://en.wikipedia.org/wiki/John_F._Kennedy&quot; title=&quot;John F. Kennedy&quot;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt; &lt;blockquote&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;/blockquote&gt; &lt;h2&gt;Technical details &lt;a id=&quot;tech-details&quot; name=&quot;tech-details&quot;&gt;&lt;/a&gt;&lt;/h2&gt; &lt;table align=&quot;right&quot; border=&quot;1&quot; bordercolor=&quot;#ccc&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; style=&quot;border-collapse:collapse;margin:10px 0 10px 15px;&quot;&gt; &lt;caption&gt;&lt;strong&gt;Mission crew&lt;/strong&gt;&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th scope=&quot;col&quot;&gt;Position&lt;/th&gt; &lt;th scope=&quot;col&quot;&gt;Astronaut&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Commander&lt;/td&gt; &lt;td&gt;Neil A. Armstrong&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Command Module Pilot&lt;/td&gt; &lt;td&gt;Michael Collins&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Lunar Module Pilot&lt;/td&gt; &lt;td&gt;Edwin &amp;quot;Buzz&amp;quot; E. Aldrin, Jr.&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Launched by a &lt;strong&gt;Saturn V&lt;/strong&gt; rocket from &lt;a href=&quot;http://en.wikipedia.org/wiki/Kennedy_Space_Center&quot; title=&quot;Kennedy Space Center&quot;&gt;Kennedy Space Center&lt;/a&gt; in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of &lt;a href=&quot;http://en.wikipedia.org/wiki/NASA&quot; title=&quot;NASA&quot;&gt;NASA&lt;/a&gt;&amp;#39;s Apollo program. The Apollo spacecraft had three parts:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;strong&gt;Command Module&lt;/strong&gt; with a cabin for the three astronauts which was the only part which landed back on Earth&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Service Module&lt;/strong&gt; which supported the Command Module with propulsion, electrical power, oxygen and water&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Lunar Module&lt;/strong&gt; for landing on the Moon.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;After being sent to the Moon by the Saturn V&amp;#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Mare_Tranquillitatis&quot; title=&quot;Mare Tranquillitatis&quot;&gt;Sea of Tranquility&lt;/a&gt;. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Pacific_Ocean&quot; title=&quot;Pacific Ocean&quot;&gt;Pacific Ocean&lt;/a&gt; on July 24.&lt;/p&gt; &lt;hr/&gt; &lt;p style=&quot;text-align: right;&quot;&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
indvd00m@0
   303
		</textarea>
indvd00m@0
   304
		<script>
indvd00m@0
   305
indvd00m@0
   306
			CKEDITOR.replace( 'editor3', {
indvd00m@0
   307
				allowedContent: {
indvd00m@0
   308
					'b i ul ol big small': true,
indvd00m@0
   309
					'h1 h2 h3 p blockquote li': {
indvd00m@0
   310
						styles: 'text-align'
indvd00m@0
   311
					},
indvd00m@0
   312
					a: { attributes: '!href,target' },
indvd00m@0
   313
					img: {
indvd00m@0
   314
						attributes: '!src,alt',
indvd00m@0
   315
						styles: 'width,height',
indvd00m@0
   316
						classes: 'left,right'
indvd00m@0
   317
					}
indvd00m@0
   318
				}
indvd00m@0
   319
			} );
indvd00m@0
   320
indvd00m@0
   321
		</script>
indvd00m@0
   322
	</div>
indvd00m@0
   323
indvd00m@0
   324
	<br>
indvd00m@0
   325
indvd00m@0
   326
	<div>
indvd00m@0
   327
		<label for="editor4">
indvd00m@0
   328
			Editor 4:
indvd00m@0
   329
		</label>
indvd00m@0
   330
		<div class="description">
indvd00m@0
   331
			<p>
indvd00m@0
   332
				This editor is using a custom set of plugins and buttons.
indvd00m@0
   333
			</p>
indvd00m@0
   334
<pre class="samples">
indvd00m@0
   335
CKEDITOR.replace( 'editor4', {
indvd00m@0
   336
	removePlugins: 'bidi,font,forms,flash,horizontalrule,iframe,justify,table,tabletools,smiley',
indvd00m@0
   337
	removeButtons: 'Anchor,Underline,Strike,Subscript,Superscript,Image',
indvd00m@0
   338
	format_tags: 'p;h1;h2;h3;pre;address'
indvd00m@0
   339
} );
indvd00m@0
   340
</pre>
indvd00m@0
   341
			<p>
indvd00m@0
   342
				As you can see, removing plugins and buttons implies filtering.
indvd00m@0
   343
				Several tags are not allowed in the editor because there's no
indvd00m@0
   344
				plugin/button that is responsible for creating and editing this
indvd00m@0
   345
				kind of content (for example: the image is missing because
indvd00m@0
   346
				of <code>removeButtons: 'Image'</code>). The conclusion is that
indvd00m@0
   347
				<abbr title="Advanced Content Filter">ACF</abbr> works "backwards"
indvd00m@0
   348
				as well: <strong>modifying <abbr title="User Interface">UI</abbr>
indvd00m@0
   349
				elements is changing allowed content rules</strong>.
indvd00m@0
   350
			</p>
indvd00m@0
   351
		</div>
indvd00m@0
   352
		<textarea cols="80" id="editor4" name="editor4" rows="10">
indvd00m@0
   353
			&lt;h1&gt;&lt;img alt=&quot;Saturn V carrying Apollo 11&quot; class=&quot;right&quot; src=&quot;assets/sample.jpg&quot;/&gt; Apollo 11&lt;/h1&gt; &lt;p&gt;&lt;b&gt;Apollo 11&lt;/b&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot; title=&quot;Neil Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot; title=&quot;Buzz Aldrin&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;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot; title=&quot;Michael Collins (astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot; title=&quot;Apollo Command/Service Module&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;blockquote&gt;&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;&lt;/blockquote&gt; &lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;http://en.wikipedia.org/wiki/Space_Race&quot; title=&quot;Space Race&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;http://en.wikipedia.org/wiki/John_F._Kennedy&quot; title=&quot;John F. Kennedy&quot;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt; &lt;blockquote&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;/blockquote&gt; &lt;h2&gt;Technical details &lt;a id=&quot;tech-details&quot; name=&quot;tech-details&quot;&gt;&lt;/a&gt;&lt;/h2&gt; &lt;table align=&quot;right&quot; border=&quot;1&quot; bordercolor=&quot;#ccc&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; style=&quot;border-collapse:collapse;margin:10px 0 10px 15px;&quot;&gt; &lt;caption&gt;&lt;strong&gt;Mission crew&lt;/strong&gt;&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th scope=&quot;col&quot;&gt;Position&lt;/th&gt; &lt;th scope=&quot;col&quot;&gt;Astronaut&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Commander&lt;/td&gt; &lt;td&gt;Neil A. Armstrong&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Command Module Pilot&lt;/td&gt; &lt;td&gt;Michael Collins&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Lunar Module Pilot&lt;/td&gt; &lt;td&gt;Edwin &amp;quot;Buzz&amp;quot; E. Aldrin, Jr.&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Launched by a &lt;strong&gt;Saturn V&lt;/strong&gt; rocket from &lt;a href=&quot;http://en.wikipedia.org/wiki/Kennedy_Space_Center&quot; title=&quot;Kennedy Space Center&quot;&gt;Kennedy Space Center&lt;/a&gt; in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of &lt;a href=&quot;http://en.wikipedia.org/wiki/NASA&quot; title=&quot;NASA&quot;&gt;NASA&lt;/a&gt;&amp;#39;s Apollo program. The Apollo spacecraft had three parts:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;strong&gt;Command Module&lt;/strong&gt; with a cabin for the three astronauts which was the only part which landed back on Earth&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Service Module&lt;/strong&gt; which supported the Command Module with propulsion, electrical power, oxygen and water&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Lunar Module&lt;/strong&gt; for landing on the Moon.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;After being sent to the Moon by the Saturn V&amp;#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Mare_Tranquillitatis&quot; title=&quot;Mare Tranquillitatis&quot;&gt;Sea of Tranquility&lt;/a&gt;. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Pacific_Ocean&quot; title=&quot;Pacific Ocean&quot;&gt;Pacific Ocean&lt;/a&gt; on July 24.&lt;/p&gt; &lt;hr/&gt; &lt;p style=&quot;text-align: right;&quot;&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
indvd00m@0
   354
		</textarea>
indvd00m@0
   355
		<script>
indvd00m@0
   356
indvd00m@0
   357
			CKEDITOR.replace( 'editor4', {
indvd00m@0
   358
				removePlugins: 'bidi,div,font,forms,flash,horizontalrule,iframe,justify,table,tabletools,smiley',
indvd00m@0
   359
				removeButtons: 'Anchor,Underline,Strike,Subscript,Superscript,Image',
indvd00m@0
   360
				format_tags: 'p;h1;h2;h3;pre;address'
indvd00m@0
   361
			} );
indvd00m@0
   362
indvd00m@0
   363
		</script>
indvd00m@0
   364
	</div>
indvd00m@0
   365
indvd00m@0
   366
	<br>
indvd00m@0
   367
indvd00m@0
   368
	<div>
indvd00m@0
   369
		<label for="editor5">
indvd00m@0
   370
			Editor 5:
indvd00m@0
   371
		</label>
indvd00m@0
   372
		<div class="description">
indvd00m@0
   373
			<p>
indvd00m@0
   374
				This editor is built on editable <code>&lt;h1&gt;</code> element.
indvd00m@0
   375
				<abbr title="Advanced Content Filter">ACF</abbr> takes care of
indvd00m@0
   376
				what can be included in <code>&lt;h1&gt;</code>. Note that there
indvd00m@0
   377
				are no block styles in Styles combo. Also why lists, indentation,
indvd00m@0
   378
				blockquote, div, form and other buttons are missing.
indvd00m@0
   379
			</p>
indvd00m@0
   380
			<p>
indvd00m@0
   381
				<abbr title="Advanced Content Filter">ACF</abbr> makes sure that
indvd00m@0
   382
				no disallowed tags will come to <code>&lt;h1&gt;</code> so the final
indvd00m@0
   383
				markup is valid. If the user tried to paste some invalid HTML
indvd00m@0
   384
				into this editor (let's say a list), it would be automatically
indvd00m@0
   385
				converted into plain text.
indvd00m@0
   386
			</p>
indvd00m@0
   387
		</div>
indvd00m@0
   388
		<h1 id="editor5" contenteditable="true">
indvd00m@0
   389
			<em>Apollo 11</em> 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.
indvd00m@0
   390
		</h1>
indvd00m@0
   391
	</div>
indvd00m@0
   392
indvd00m@0
   393
	<br>
indvd00m@0
   394
indvd00m@0
   395
	<div>
indvd00m@0
   396
		<label for="editor3">
indvd00m@0
   397
			Editor 6:
indvd00m@0
   398
		</label>
indvd00m@0
   399
		<div class="description">
indvd00m@0
   400
			<p>
indvd00m@0
   401
				This editor is using a custom configuration for <abbr title="Advanced Content Filter">ACF</abbr>.
indvd00m@0
   402
				It's using the <a href="http://docs.ckeditor.com/#!/guide/dev_disallowed_content" rel="noopener noreferrer" target="_blank">
indvd00m@0
   403
				Disallowed Content</a> property of the filter to eliminate all <code>title</code> attributes.
indvd00m@0
   404
			</p>
indvd00m@0
   405
indvd00m@0
   406
<pre class="samples">
indvd00m@0
   407
CKEDITOR.replace( 'editor6', {
indvd00m@0
   408
	allowedContent: {
indvd00m@0
   409
		'b i ul ol big small': true,
indvd00m@0
   410
		'h1 h2 h3 p blockquote li': {
indvd00m@0
   411
			styles: 'text-align'
indvd00m@0
   412
		},
indvd00m@0
   413
		a: {attributes: '!href,target'},
indvd00m@0
   414
		img: {
indvd00m@0
   415
			attributes: '!src,alt',
indvd00m@0
   416
			styles: 'width,height',
indvd00m@0
   417
			classes: 'left,right'
indvd00m@0
   418
		}
indvd00m@0
   419
	},
indvd00m@0
   420
	disallowedContent: '*{title*}'
indvd00m@0
   421
} );
indvd00m@0
   422
</pre>
indvd00m@0
   423
		</div>
indvd00m@0
   424
		<textarea cols="80" id="editor6" name="editor6" rows="10">
indvd00m@0
   425
			&lt;h1&gt;&lt;img alt=&quot;Saturn V carrying Apollo 11&quot; class=&quot;right&quot; src=&quot;assets/sample.jpg&quot;/&gt; Apollo 11&lt;/h1&gt; &lt;p&gt;&lt;b&gt;Apollo 11&lt;/b&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot; title=&quot;Neil Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot; title=&quot;Buzz Aldrin&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;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot; title=&quot;Michael Collins (astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot; title=&quot;Apollo Command/Service Module&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;blockquote&gt;&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;&lt;/blockquote&gt; &lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;http://en.wikipedia.org/wiki/Space_Race&quot; title=&quot;Space Race&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;http://en.wikipedia.org/wiki/John_F._Kennedy&quot; title=&quot;John F. Kennedy&quot;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt; &lt;blockquote&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;/blockquote&gt; &lt;h2&gt;Technical details &lt;a id=&quot;tech-details&quot; name=&quot;tech-details&quot;&gt;&lt;/a&gt;&lt;/h2&gt; &lt;table align=&quot;right&quot; border=&quot;1&quot; bordercolor=&quot;#ccc&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; style=&quot;border-collapse:collapse;margin:10px 0 10px 15px;&quot;&gt; &lt;caption&gt;&lt;strong&gt;Mission crew&lt;/strong&gt;&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th scope=&quot;col&quot;&gt;Position&lt;/th&gt; &lt;th scope=&quot;col&quot;&gt;Astronaut&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Commander&lt;/td&gt; &lt;td&gt;Neil A. Armstrong&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Command Module Pilot&lt;/td&gt; &lt;td&gt;Michael Collins&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Lunar Module Pilot&lt;/td&gt; &lt;td&gt;Edwin &amp;quot;Buzz&amp;quot; E. Aldrin, Jr.&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Launched by a &lt;strong&gt;Saturn V&lt;/strong&gt; rocket from &lt;a href=&quot;http://en.wikipedia.org/wiki/Kennedy_Space_Center&quot; title=&quot;Kennedy Space Center&quot;&gt;Kennedy Space Center&lt;/a&gt; in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of &lt;a href=&quot;http://en.wikipedia.org/wiki/NASA&quot; title=&quot;NASA&quot;&gt;NASA&lt;/a&gt;&amp;#39;s Apollo program. The Apollo spacecraft had three parts:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;strong&gt;Command Module&lt;/strong&gt; with a cabin for the three astronauts which was the only part which landed back on Earth&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Service Module&lt;/strong&gt; which supported the Command Module with propulsion, electrical power, oxygen and water&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Lunar Module&lt;/strong&gt; for landing on the Moon.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;After being sent to the Moon by the Saturn V&amp;#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Mare_Tranquillitatis&quot; title=&quot;Mare Tranquillitatis&quot;&gt;Sea of Tranquility&lt;/a&gt;. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Pacific_Ocean&quot; title=&quot;Pacific Ocean&quot;&gt;Pacific Ocean&lt;/a&gt; on July 24.&lt;/p&gt; &lt;hr/&gt; &lt;p style=&quot;text-align: right;&quot;&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
indvd00m@0
   426
		</textarea>
indvd00m@0
   427
		<script>
indvd00m@0
   428
indvd00m@0
   429
			CKEDITOR.replace( 'editor6', {
indvd00m@0
   430
				allowedContent: {
indvd00m@0
   431
					'b i ul ol big small': true,
indvd00m@0
   432
					'h1 h2 h3 p blockquote li': {
indvd00m@0
   433
						styles: 'text-align'
indvd00m@0
   434
					},
indvd00m@0
   435
					a: {attributes: '!href,target'},
indvd00m@0
   436
					img: {
indvd00m@0
   437
						attributes: '!src,alt',
indvd00m@0
   438
						styles: 'width,height',
indvd00m@0
   439
						classes: 'left,right'
indvd00m@0
   440
					}
indvd00m@0
   441
				},
indvd00m@0
   442
				disallowedContent: '*{title*}'
indvd00m@0
   443
			} );
indvd00m@0
   444
indvd00m@0
   445
		</script>
indvd00m@0
   446
	</div>
indvd00m@0
   447
indvd00m@0
   448
	<br>
indvd00m@0
   449
indvd00m@0
   450
	<div>
indvd00m@0
   451
		<label for="editor7">
indvd00m@0
   452
			Editor 7:
indvd00m@0
   453
		</label>
indvd00m@0
   454
		<div class="description">
indvd00m@0
   455
			<p>
indvd00m@0
   456
				This editor is using a custom configuration for <abbr title="Advanced Content Filter">ACF</abbr>.
indvd00m@0
   457
				It's using the <a href="http://docs.ckeditor.com/#!/guide/dev_disallowed_content" rel="noopener noreferrer" target="_blank">
indvd00m@0
   458
				Disallowed Content</a> property of the filter to eliminate all <code>a</code> and <code>img</code> tags,
indvd00m@0
   459
				while allowing all other tags.
indvd00m@0
   460
			</p>
indvd00m@0
   461
<pre class="samples">
indvd00m@0
   462
CKEDITOR.replace( 'editor7', {
indvd00m@0
   463
	allowedContent: {
indvd00m@0
   464
		// Allow all content.
indvd00m@0
   465
		$1: {
indvd00m@0
   466
			elements: CKEDITOR.dtd,
indvd00m@0
   467
			attributes: true,
indvd00m@0
   468
			styles: true,
indvd00m@0
   469
			classes: true
indvd00m@0
   470
		}
indvd00m@0
   471
	},
indvd00m@0
   472
	disallowedContent: 'img a'
indvd00m@0
   473
} );
indvd00m@0
   474
</pre>
indvd00m@0
   475
		</div>
indvd00m@0
   476
		<textarea cols="80" id="editor7" name="editor7" rows="10">
indvd00m@0
   477
			&lt;h1&gt;&lt;img alt=&quot;Saturn V carrying Apollo 11&quot; class=&quot;right&quot; src=&quot;assets/sample.jpg&quot;/&gt; Apollo 11&lt;/h1&gt; &lt;p&gt;&lt;b&gt;Apollo 11&lt;/b&gt; was the spaceflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot; title=&quot;Neil Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot; title=&quot;Buzz Aldrin&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;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot; title=&quot;Michael Collins (astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, piloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot; title=&quot;Apollo Command/Service Module&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;blockquote&gt;&lt;p&gt;One small step for [a] man, one giant leap for mankind.&lt;/p&gt;&lt;/blockquote&gt; &lt;p&gt;Apollo 11 effectively ended the &lt;a href=&quot;http://en.wikipedia.org/wiki/Space_Race&quot; title=&quot;Space Race&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;http://en.wikipedia.org/wiki/John_F._Kennedy&quot; title=&quot;John F. Kennedy&quot;&gt;John F. Kennedy&lt;/a&gt; in a speech before the United States Congress:&lt;/p&gt; &lt;blockquote&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;/blockquote&gt; &lt;h2&gt;Technical details &lt;a id=&quot;tech-details&quot; name=&quot;tech-details&quot;&gt;&lt;/a&gt;&lt;/h2&gt; &lt;table align=&quot;right&quot; border=&quot;1&quot; bordercolor=&quot;#ccc&quot; cellpadding=&quot;5&quot; cellspacing=&quot;0&quot; style=&quot;border-collapse:collapse;margin:10px 0 10px 15px;&quot;&gt; &lt;caption&gt;&lt;strong&gt;Mission crew&lt;/strong&gt;&lt;/caption&gt; &lt;thead&gt; &lt;tr&gt; &lt;th scope=&quot;col&quot;&gt;Position&lt;/th&gt; &lt;th scope=&quot;col&quot;&gt;Astronaut&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Commander&lt;/td&gt; &lt;td&gt;Neil A. Armstrong&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Command Module Pilot&lt;/td&gt; &lt;td&gt;Michael Collins&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Lunar Module Pilot&lt;/td&gt; &lt;td&gt;Edwin &amp;quot;Buzz&amp;quot; E. Aldrin, Jr.&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;p&gt;Launched by a &lt;strong&gt;Saturn V&lt;/strong&gt; rocket from &lt;a href=&quot;http://en.wikipedia.org/wiki/Kennedy_Space_Center&quot; title=&quot;Kennedy Space Center&quot;&gt;Kennedy Space Center&lt;/a&gt; in Merritt Island, Florida on July 16, Apollo 11 was the fifth manned mission of &lt;a href=&quot;http://en.wikipedia.org/wiki/NASA&quot; title=&quot;NASA&quot;&gt;NASA&lt;/a&gt;&amp;#39;s Apollo program. The Apollo spacecraft had three parts:&lt;/p&gt; &lt;ol&gt; &lt;li&gt;&lt;strong&gt;Command Module&lt;/strong&gt; with a cabin for the three astronauts which was the only part which landed back on Earth&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Service Module&lt;/strong&gt; which supported the Command Module with propulsion, electrical power, oxygen and water&lt;/li&gt; &lt;li&gt;&lt;strong&gt;Lunar Module&lt;/strong&gt; for landing on the Moon.&lt;/li&gt; &lt;/ol&gt; &lt;p&gt;After being sent to the Moon by the Saturn V&amp;#39;s upper stage, the astronauts separated the spacecraft from it and travelled for three days until they entered into lunar orbit. Armstrong and Aldrin then moved into the Lunar Module and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Mare_Tranquillitatis&quot; title=&quot;Mare Tranquillitatis&quot;&gt;Sea of Tranquility&lt;/a&gt;. They stayed a total of about 21 and a half hours on the lunar surface. After lifting off in the upper part of the Lunar Module and rejoining Collins in the Command Module, they returned to Earth and landed in the &lt;a href=&quot;http://en.wikipedia.org/wiki/Pacific_Ocean&quot; title=&quot;Pacific Ocean&quot;&gt;Pacific Ocean&lt;/a&gt; on July 24.&lt;/p&gt; &lt;hr/&gt; &lt;p style=&quot;text-align: right;&quot;&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
indvd00m@0
   478
		</textarea>
indvd00m@0
   479
		<script>
indvd00m@0
   480
indvd00m@0
   481
			CKEDITOR.replace( 'editor7', {
indvd00m@0
   482
				allowedContent: {
indvd00m@0
   483
					// allow all content
indvd00m@0
   484
					$1: {
indvd00m@0
   485
						elements: CKEDITOR.dtd,
indvd00m@0
   486
						attributes: true,
indvd00m@0
   487
						styles: true,
indvd00m@0
   488
						classes: true
indvd00m@0
   489
					}
indvd00m@0
   490
				},
indvd00m@0
   491
				disallowedContent: 'img a'
indvd00m@0
   492
			} );
indvd00m@0
   493
indvd00m@0
   494
		</script>
indvd00m@0
   495
	</div>
indvd00m@0
   496
indvd00m@0
   497
	<div id="footer">
indvd00m@0
   498
		<hr>
indvd00m@0
   499
		<p>
indvd00m@0
   500
			CKEditor - The text editor for the Internet - <a class="samples" href="http://ckeditor.com/">http://ckeditor.com</a>
indvd00m@0
   501
		</p>
indvd00m@0
   502
		<p id="copy">
indvd00m@0
   503
			Copyright &copy; 2003-2016, <a class="samples" href="http://cksource.com/">CKSource</a> - Frederico
indvd00m@0
   504
			Knabben. All rights reserved.
indvd00m@0
   505
		</p>
indvd00m@0
   506
	</div>
indvd00m@0
   507
</body>
indvd00m@0
   508
</html>