Projet

Général

Profil

Paste
Télécharger (46,5 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / libraries / ckeditor-4.9.2-full / samples / old / datafiltering.html @ b986a83e

1
<!DOCTYPE html>
2
<!--
3
Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
4
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
5
-->
6
<html>
7
<head>
8
        <meta charset="utf-8">
9
        <title>Data Filtering &mdash; CKEditor Sample</title>
10
        <script src="../../ckeditor.js"></script>
11
        <link rel="stylesheet" href="sample.css">
12
        <script>
13
                // Remove advanced tabs for all editors.
14
                CKEDITOR.config.removeDialogTabs = 'image:advanced;link:advanced;flash:advanced;creatediv:advanced;editdiv:advanced';
15
        </script>
16
</head>
17
<body>
18
        <h1 class="samples">
19
                <a href="index.html">CKEditor Samples</a> &raquo; Data Filtering and Features Activation
20
        </h1>
21
        <div class="warning deprecated">
22
                This sample is not maintained anymore. Check out its <a href="https://sdk.ckeditor.com/samples/acf.html">brand new version in CKEditor SDK</a>.
23
        </div>
24
        <div class="description">
25
                <p>
26
                        This sample page demonstrates the idea of Advanced Content Filter
27
                        (<abbr title="Advanced Content Filter">ACF</abbr>), a sophisticated
28
                        tool that takes control over what kind of data is accepted by the editor and what
29
                        kind of output is produced.
30
                </p>
31
                <h2>When and what is being filtered?</h2>
32
                <p>
33
                        <abbr title="Advanced Content Filter">ACF</abbr> controls
34
                        <strong>every single source of data</strong> that comes to the editor.
35
                        It process both HTML that is inserted manually (i.e. pasted by the user)
36
                        and programmatically like:
37
                </p>
38
<pre class="samples">
39
editor.setData( '&lt;p&gt;Hello world!&lt;/p&gt;' );
40
</pre>
41
                <p>
42
                        <abbr title="Advanced Content Filter">ACF</abbr> discards invalid,
43
                        useless HTML tags and attributes so the editor remains "clean" during
44
                        runtime. <abbr title="Advanced Content Filter">ACF</abbr> behaviour
45
                        can be configured and adjusted for a particular case to prevent the
46
                        output HTML (i.e. in CMS systems) from being polluted.
47

    
48
                        This kind of filtering is a first, client-side line of defense
49
                        against "<a href="http://en.wikipedia.org/wiki/Tag_soup">tag soups</a>",
50
                        the tool that precisely restricts which tags, attributes and styles
51
                        are allowed (desired). When properly configured, <abbr title="Advanced Content Filter">ACF</abbr>
52
                        is an easy and fast way to produce a high-quality, intentionally filtered HTML.
53
                </p>
54

    
55
                <h3>How to configure or disable ACF?</h3>
56
                <p>
57
                        Advanced Content Filter is enabled by default, working in "automatic mode", yet
58
                        it provides a set of easy rules that allow adjusting filtering rules
59
                        and disabling the entire feature when necessary. The config property
60
                        responsible for this feature is <code><a class="samples"
61
                        href="https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-allowedContent">config.allowedContent</a></code>.
62
                </p>
63
                <p>
64
                        By "automatic mode" is meant that loaded plugins decide which kind
65
                        of content is enabled and which is not. For example, if the link
66
                        plugin is loaded it implies that <code>&lt;a&gt;</code> tag is
67
                        automatically allowed. Each plugin is given a set
68
                        of predefined <abbr title="Advanced Content Filter">ACF</abbr> rules
69
                        that control the editor until <code><a class="samples"
70
                        href="https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-allowedContent">
71
                        config.allowedContent</a></code>
72
                        is defined manually.
73
                </p>
74
                <p>
75
                        Let's assume our intention is to restrict the editor to accept (produce) <strong>paragraphs
76
                        only: no attributes, no styles, no other tags</strong>.
77
                        With <abbr title="Advanced Content Filter">ACF</abbr>
78
                        this is very simple. Basically set <code><a class="samples"
79
                        href="https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-allowedContent">
80
                        config.allowedContent</a></code> to <code>'p'</code>:
81
                </p>
82
<pre class="samples">
83
var editor = CKEDITOR.replace( <em>textarea_id</em>, {
84
        <strong>allowedContent: 'p'</strong>
85
} );
86
</pre>
87
                <p>
88
                        Now try to play with allowed content:
89
                </p>
90
<pre class="samples">
91
// Trying to insert disallowed tag and attribute.
92
editor.setData( '&lt;p <strong>style="color: red"</strong>&gt;Hello <strong>&lt;em&gt;world&lt;/em&gt;</strong>!&lt;/p&gt;' );
93
alert( editor.getData() );
94

    
95
// Filtered data is returned.
96
"&lt;p&gt;Hello world!&lt;/p&gt;"
97
</pre>
98
                <p>
99
                        What happened? Since <code>config.allowedContent: 'p'</code> is set the editor assumes
100
                        that only plain <code>&lt;p&gt;</code> are accepted. Nothing more. This is why
101
                        <code>style</code> attribute and <code>&lt;em&gt;</code> tag are gone. The same
102
                        filtering would happen if we pasted disallowed HTML into this editor.
103
                </p>
104
                <p>
105
                        This is just a small sample of what <abbr title="Advanced Content Filter">ACF</abbr>
106
                        can do. To know more, please refer to the sample section below and
107
                        <a href="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_advanced_content_filter">the official Advanced Content Filter guide</a>.
108
                </p>
109
                <p>
110
                        You may, of course, want CKEditor to avoid filtering of any kind.
111
                        To get rid of <abbr title="Advanced Content Filter">ACF</abbr>,
112
                        basically set <code><a class="samples"
113
                        href="https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-allowedContent">
114
                        config.allowedContent</a></code> to <code>true</code> like this:
115
                </p>
116
<pre class="samples">
117
CKEDITOR.replace( <em>textarea_id</em>, {
118
        <strong>allowedContent: true</strong>
119
} );
120
</pre>
121

    
122
                <h2>Beyond data flow: Features activation</h2>
123
                <p>
124
                        <abbr title="Advanced Content Filter">ACF</abbr> is far more than
125
                        <abbr title="Input/Output">I/O</abbr> control: the entire
126
                        <abbr title="User Interface">UI</abbr> of the editor is adjusted to what
127
                        filters restrict. For example: if <code>&lt;a&gt;</code> tag is
128
                        <strong>disallowed</strong>
129
                        by <abbr title="Advanced Content Filter">ACF</abbr>,
130
                        then accordingly <code>link</code> command, toolbar button and link dialog
131
                        are also disabled. Editor is smart: it knows which features must be
132
                        removed from the interface to match filtering rules.
133
                </p>
134
                <p>
135
                        CKEditor can be far more specific. If <code>&lt;a&gt;</code> tag is
136
                        <strong>allowed</strong> by filtering rules to be used but it is restricted
137
                        to have only one attribute (<code>href</code>)
138
                        <code>config.allowedContent = 'a[!href]'</code>, then
139
                        "Target" tab of the link dialog is automatically disabled as <code>target</code>
140
                        attribute isn't included in <abbr title="Advanced Content Filter">ACF</abbr> rules
141
                        for <code>&lt;a&gt;</code>. This behaviour applies to dialog fields, context
142
                        menus and toolbar buttons.
143
                </p>
144

    
145
                <h2>Sample configurations</h2>
146
                <p>
147
                        There are several editor instances below that present different
148
                        <abbr title="Advanced Content Filter">ACF</abbr> setups. <strong>All of them,
149
                        except the inline instance, share the same HTML content</strong> to visualize
150
                        how different filtering rules affect the same input data.
151
                </p>
152
        </div>
153

    
154
        <div>
155
                <label for="editor1">
156
                        Editor 1:
157
                </label>
158
                <div class="description">
159
                        <p>
160
                                This editor is using default configuration ("automatic mode"). It means that
161
                                <code><a class="samples"
162
                                href="https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-allowedContent">
163
                                config.allowedContent</a></code> is defined by loaded plugins.
164
                                Each plugin extends filtering rules to make it's own associated content
165
                                available for the user.
166
                        </p>
167
                </div>
168
                <textarea cols="80" id="editor1" name="editor1" rows="10">
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;
170
                </textarea>
171

    
172
                <script>
173

174
                        CKEDITOR.replace( 'editor1' );
175

    
176
                </script>
177
        </div>
178

    
179
        <br>
180

    
181
        <div>
182
                <label for="editor2">
183
                        Editor 2:
184
                </label>
185
                <div class="description">
186
                        <p>
187
                                This editor is using a custom configuration for
188
                                <abbr title="Advanced Content Filter">ACF</abbr>:
189
                        </p>
190
<pre class="samples">
191
CKEDITOR.replace( 'editor2', {
192
        allowedContent:
193
                'h1 h2 h3 p blockquote strong em;' +
194
                'a[!href];' +
195
                'img(left,right)[!src,alt,width,height];' +
196
                'table tr th td caption;' +
197
                'span{!font-family};' +'
198
                'span{!color};' +
199
                'span(!marker);' +
200
                'del ins'
201
} );
202
</pre>
203
                        <p>
204
                                The following rules may require additional explanation:
205
                        </p>
206
                        <ul>
207
                                <li>
208
                                        <code>h1 h2 h3 p blockquote strong em</code> - These tags
209
                                        are accepted by the editor. Any tag attributes will be discarded.
210
                                </li>
211
                                <li>
212
                                        <code>a[!href]</code> - <code>href</code> attribute is obligatory
213
                                        for <code>&lt;a&gt;</code> tag. Tags without this attribute
214
                                        are disarded. No other attribute will be accepted.
215
                                </li>
216
                                <li>
217
                                        <code>img(left,right)[!src,alt,width,height]</code> - <code>src</code>
218
                                        attribute is obligatory for <code>&lt;img&gt;</code> tag.
219
                                        <code>alt</code>, <code>width</code>, <code>height</code>
220
                                        and <code>class</code> attributes are accepted but
221
                                        <code>class</code> must be either <code>class="left"</code>
222
                                        or <code>class="right"</code>
223
                                </li>
224
                                <li>
225
                                        <code>table tr th td caption</code> - These tags
226
                                        are accepted by the editor. Any tag attributes will be discarded.
227
                                </li>
228
                                <li>
229
                                        <code>span{!font-family}</code>, <code>span{!color}</code>,
230
                                        <code>span(!marker)</code> - <code>&lt;span&gt;</code> tags
231
                                        will be accepted if either <code>font-family</code> or
232
                                        <code>color</code> style is set or <code>class="marker"</code>
233
                                        is present.
234
                                </li>
235
                                <li>
236
                                        <code>del ins</code> - These tags
237
                                        are accepted by the editor. Any tag attributes will be discarded.
238
                                </li>
239
                        </ul>
240
                        <p>
241
                                Please note that <strong><abbr title="User Interface">UI</abbr> of the
242
                                editor is different</strong>. It's a response to what happened to the filters.
243
                                Since <code>text-align</code> isn't allowed, the align toolbar is gone.
244
                                The same thing happened to subscript/superscript, strike, underline
245
                                (<code>&lt;u&gt;</code>, <code>&lt;sub&gt;</code>, <code>&lt;sup&gt;</code>
246
                                are disallowed by <code><a class="samples"
247
                                href="https://docs.ckeditor.com/ckeditor4/docs/#!/api/CKEDITOR.config-cfg-allowedContent">
248
                                config.allowedContent</a></code>) and many other buttons.
249
                        </p>
250
                </div>
251
                <textarea cols="80" id="editor2" name="editor2" rows="10">
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;
253
                </textarea>
254
                <script>
255

256
                        CKEDITOR.replace( 'editor2', {
257
                                allowedContent:
258
                                        'h1 h2 h3 p blockquote strong em;' +
259
                                        'a[!href];' +
260
                                        'img(left,right)[!src,alt,width,height];' +
261
                                        'table tr th td caption;' +
262
                                        'span{!font-family};' +
263
                                        'span{!color};' +
264
                                        'span(!marker);' +
265
                                        'del ins'
266
                        } );
267

    
268
                </script>
269
        </div>
270

    
271
        <br>
272

    
273
        <div>
274
                <label for="editor3">
275
                        Editor 3:
276
                </label>
277
                <div class="description">
278
                        <p>
279
                                This editor is using a custom configuration for
280
                                <abbr title="Advanced Content Filter">ACF</abbr>.
281
                                Note that filters can be configured as an object literal
282
                                as an alternative to a string-based definition.
283
                        </p>
284
<pre class="samples">
285
CKEDITOR.replace( 'editor3', {
286
        allowedContent: {
287
                'b i ul ol big small': true,
288
                'h1 h2 h3 p blockquote li': {
289
                        styles: 'text-align'
290
                },
291
                a: { attributes: '!href,target' },
292
                img: {
293
                        attributes: '!src,alt',
294
                        styles: 'width,height',
295
                        classes: 'left,right'
296
                }
297
        }
298
} );
299
</pre>
300
                </div>
301
                <textarea cols="80" id="editor3" name="editor3" rows="10">
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;
303
                </textarea>
304
                <script>
305

306
                        CKEDITOR.replace( 'editor3', {
307
                                allowedContent: {
308
                                        'b i ul ol big small': true,
309
                                        'h1 h2 h3 p blockquote li': {
310
                                                styles: 'text-align'
311
                                        },
312
                                        a: { attributes: '!href,target' },
313
                                        img: {
314
                                                attributes: '!src,alt',
315
                                                styles: 'width,height',
316
                                                classes: 'left,right'
317
                                        }
318
                                }
319
                        } );
320

    
321
                </script>
322
        </div>
323

    
324
        <br>
325

    
326
        <div>
327
                <label for="editor4">
328
                        Editor 4:
329
                </label>
330
                <div class="description">
331
                        <p>
332
                                This editor is using a custom set of plugins and buttons.
333
                        </p>
334
<pre class="samples">
335
CKEDITOR.replace( 'editor4', {
336
        removePlugins: 'bidi,font,forms,flash,horizontalrule,iframe,justify,table,tabletools,smiley',
337
        removeButtons: 'Anchor,Underline,Strike,Subscript,Superscript,Image',
338
        format_tags: 'p;h1;h2;h3;pre;address'
339
} );
340
</pre>
341
                        <p>
342
                                As you can see, removing plugins and buttons implies filtering.
343
                                Several tags are not allowed in the editor because there's no
344
                                plugin/button that is responsible for creating and editing this
345
                                kind of content (for example: the image is missing because
346
                                of <code>removeButtons: 'Image'</code>). The conclusion is that
347
                                <abbr title="Advanced Content Filter">ACF</abbr> works "backwards"
348
                                as well: <strong>modifying <abbr title="User Interface">UI</abbr>
349
                                elements is changing allowed content rules</strong>.
350
                        </p>
351
                </div>
352
                <textarea cols="80" id="editor4" name="editor4" rows="10">
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;
354
                </textarea>
355
                <script>
356

357
                        CKEDITOR.replace( 'editor4', {
358
                                removePlugins: 'bidi,div,font,forms,flash,horizontalrule,iframe,justify,table,tabletools,smiley',
359
                                removeButtons: 'Anchor,Underline,Strike,Subscript,Superscript,Image',
360
                                format_tags: 'p;h1;h2;h3;pre;address'
361
                        } );
362

    
363
                </script>
364
        </div>
365

    
366
        <br>
367

    
368
        <div>
369
                <label for="editor5">
370
                        Editor 5:
371
                </label>
372
                <div class="description">
373
                        <p>
374
                                This editor is built on editable <code>&lt;h1&gt;</code> element.
375
                                <abbr title="Advanced Content Filter">ACF</abbr> takes care of
376
                                what can be included in <code>&lt;h1&gt;</code>. Note that there
377
                                are no block styles in Styles combo. Also why lists, indentation,
378
                                blockquote, div, form and other buttons are missing.
379
                        </p>
380
                        <p>
381
                                <abbr title="Advanced Content Filter">ACF</abbr> makes sure that
382
                                no disallowed tags will come to <code>&lt;h1&gt;</code> so the final
383
                                markup is valid. If the user tried to paste some invalid HTML
384
                                into this editor (let's say a list), it would be automatically
385
                                converted into plain text.
386
                        </p>
387
                </div>
388
                <h1 id="editor5" contenteditable="true">
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.
390
                </h1>
391
        </div>
392

    
393
        <br>
394

    
395
        <div>
396
                <label for="editor3">
397
                        Editor 6:
398
                </label>
399
                <div class="description">
400
                        <p>
401
                                This editor is using a custom configuration for <abbr title="Advanced Content Filter">ACF</abbr>.
402
                                It's using the <a href="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_disallowed_content" rel="noopener noreferrer" target="_blank">
403
                                Disallowed Content</a> property of the filter to eliminate all <code>title</code> attributes.
404
                        </p>
405

    
406
<pre class="samples">
407
CKEDITOR.replace( 'editor6', {
408
        allowedContent: {
409
                'b i ul ol big small': true,
410
                'h1 h2 h3 p blockquote li': {
411
                        styles: 'text-align'
412
                },
413
                a: {attributes: '!href,target'},
414
                img: {
415
                        attributes: '!src,alt',
416
                        styles: 'width,height',
417
                        classes: 'left,right'
418
                }
419
        },
420
        disallowedContent: '*{title*}'
421
} );
422
</pre>
423
                </div>
424
                <textarea cols="80" id="editor6" name="editor6" rows="10">
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;
426
                </textarea>
427
                <script>
428

429
                        CKEDITOR.replace( 'editor6', {
430
                                allowedContent: {
431
                                        'b i ul ol big small': true,
432
                                        'h1 h2 h3 p blockquote li': {
433
                                                styles: 'text-align'
434
                                        },
435
                                        a: {attributes: '!href,target'},
436
                                        img: {
437
                                                attributes: '!src,alt',
438
                                                styles: 'width,height',
439
                                                classes: 'left,right'
440
                                        }
441
                                },
442
                                disallowedContent: '*{title*}'
443
                        } );
444

    
445
                </script>
446
        </div>
447

    
448
        <br>
449

    
450
        <div>
451
                <label for="editor7">
452
                        Editor 7:
453
                </label>
454
                <div class="description">
455
                        <p>
456
                                This editor is using a custom configuration for <abbr title="Advanced Content Filter">ACF</abbr>.
457
                                It's using the <a href="https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_disallowed_content" rel="noopener noreferrer" target="_blank">
458
                                Disallowed Content</a> property of the filter to eliminate all <code>a</code> and <code>img</code> tags,
459
                                while allowing all other tags.
460
                        </p>
461
<pre class="samples">
462
CKEDITOR.replace( 'editor7', {
463
        allowedContent: {
464
                // Allow all content.
465
                $1: {
466
                        elements: CKEDITOR.dtd,
467
                        attributes: true,
468
                        styles: true,
469
                        classes: true
470
                }
471
        },
472
        disallowedContent: 'img a'
473
} );
474
</pre>
475
                </div>
476
                <textarea cols="80" id="editor7" name="editor7" rows="10">
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;
478
                </textarea>
479
                <script>
480

481
                        CKEDITOR.replace( 'editor7', {
482
                                allowedContent: {
483
                                        // allow all content
484
                                        $1: {
485
                                                elements: CKEDITOR.dtd,
486
                                                attributes: true,
487
                                                styles: true,
488
                                                classes: true
489
                                        }
490
                                },
491
                                disallowedContent: 'img a'
492
                        } );
493

    
494
                </script>
495
        </div>
496

    
497
        <div id="footer">
498
                <hr>
499
                <p>
500
                        CKEditor - The text editor for the Internet - <a class="samples" href="https://ckeditor.com/">https://ckeditor.com</a>
501
                </p>
502
                <p id="copy">
503
                        Copyright &copy; 2003-2018, <a class="samples" href="https://cksource.com/">CKSource</a> - Frederico
504
                        Knabben. All rights reserved.
505
                </p>
506
        </div>
507
</body>
508
</html>