<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CKEditor 5 – Editor DLL Sample</title>
<style>
body {
max-width: 700px;
margin: 10px auto;
}
</style>
</head>
<body>
<div id="editor">
<h3 style="text-align:justify;">The singing Canadian</h3>
<figure class="image">
<img class="image-style-align-left" src="https://ckeditor.com/docs/ckeditor5/latest/assets/img/Chris_Hadfield_30_April_2013_200.jpg" alt="Chris" />
</figure>
<p style="text-align:justify;"><strong>Chris Austin Hadfield</strong> was born on August 29, 1959, in Canada. As a child, he watched the Apollo 11 moon landing, and it inspired him to also become an astronaut. At the time Canada had no space program, so Hadfield joined the <a href="https://www.rcaf-arc.forces.gc.ca/en/">Royal Canadian Air Forces</a> and served as a fighter pilot for 25 years.</p>
<p style="text-align:justify;">In 1992, Hadfield was accepted into the Canadian astronaut program by the <a href="https://www.asc-csa.gc.ca/eng/">Canadian Space Agency</a>. He flew his first mission to the Russian <i>Mir</i> space station in 1995 aboard the <i>Atlantis</i> space shuttle. Six years later onboard the <i>Endeavour</i> space shuttle he flew to the <i>International Space Station</i>. He revisited the <i>ISS</i> in 2012 flying a Russian <i>Soyuz</i> spacecraft and taking command over the station during <i>Expedition 34/35</i>.</p>
<p style="text-align:justify;">Hadfield was most recognised by the general public for his rendition of the famous <i>Space Oddity</i> song by David Bowie which he recorded onboard the <i>International Space Station</i>. He also recorded numerous educational materials for schools while working in orbit. After his retirement from the astronaut service, he wrote three books based on his experience.</p>
<h3 style="text-align:justify;"><strong>Space flights of Chris Hadfield</strong></h3>
<figure class="table">
<table>
<tbody>
<tr>
<td>
<p style="text-align:center;"><strong>Destination</strong></p>
</td>
<td>
<p style="text-align:center;"><strong>Spacecraft</strong></p>
</td>
<td>
<p style="text-align:center;"><strong>Time</strong></p>
</td>
</tr>
<tr>
<td>Mir space station</td>
<td><i>Atlantis</i></td>
<td>12-20.11.1995</td>
</tr>
<tr>
<td>International Space Station</td>
<td><i>Endeavour</i></td>
<td>19.04-1.05.2001</td>
</tr>
<tr>
<td>International Space Station</td>
<td><i>Sojuz TMA-07M</i></td>
<td>19.12.2012-14.05.-2013</td>
</tr>
</tbody>
</table>
</figure>
</div>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">
<script src="https://unpkg.com/ckeditor5/build/ckeditor5-dll.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-editor-classic/build/editor-classic.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-essentials/build/essentials.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-adapter-ckfinder/build/adapter-ckfinder.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-autoformat/build/autoformat.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-basic-styles/build/basic-styles.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-block-quote/build/block-quote.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-ckfinder/build/ckfinder.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-easy-image/build/easy-image.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-heading/build/heading.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-image/build/image.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-indent/build/indent.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-link/build/link.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-list/build/list.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-media-embed/build/media-embed.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-paste-from-office/build/paste-from-office.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-table/build/table.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-cloud-services/build/cloud-services.js"></script>
<script src="https://unpkg.com/@ckeditor/ckeditor5-html-embed/build/html-embed.js"></script>
<script>
CKEditor5.editorClassic.ClassicEditor.create( document.querySelector( '#editor' ), {
plugins: [
CKEditor5.essentials.Essentials,
CKEditor5.autoformat.Autoformat,
CKEditor5.basicStyles.Bold,
CKEditor5.basicStyles.Italic,
CKEditor5.basicStyles.Underline,
CKEditor5.basicStyles.Code,
CKEditor5.blockQuote.BlockQuote,
CKEditor5.cloudServices.CloudServices,
CKEditor5.heading.Heading,
CKEditor5.image.Image,
CKEditor5.image.ImageCaption,
CKEditor5.image.ImageStyle,
CKEditor5.image.ImageToolbar,
CKEditor5.image.ImageUpload,
CKEditor5.indent.Indent,
CKEditor5.link.Link,
CKEditor5.list.List,
CKEditor5.mediaEmbed.MediaEmbed,
CKEditor5.pasteFromOffice.PasteFromOffice,
CKEditor5.table.Table,
CKEditor5.table.TableCaption,
CKEditor5.table.TableProperties,
CKEditor5.table.TableCellProperties,
CKEditor5.table.TableToolbar,
CKEditor5.typing.TextTransformation,
CKEditor5.upload.Base64UploadAdapter,
CKEditor5.htmlEmbed.HtmlEmbed
],
toolbar: {
items: [
'heading',
'|',
'htmlEmbed',
'|',
'bold',
'italic',
'underline',
'code',
'link',
'bulletedList',
'numberedList',
'|',
'outdent',
'indent',
'|',
'uploadImage',
'blockQuote',
'insertTable',
'mediaEmbed',
'undo',
'redo'
]
},
image: {
toolbar: [
'imageStyle:inline',
'imageStyle:block',
'imageStyle:side',
'|',
'toggleImageCaption',
'imageTextAlternative'
]
},
table: {
contentToolbar: [
'tableColumn',
'tableRow',
'mergeTableCells',
'|',
'tableProperties',
'tableCellProperties',
'|',
'toggleTableCaption'
]
},
} )
.then( editor => {
window.editor = editor;
} )
.catch( error => {
console.error( 'There was a problem initializing the editor.', error );
} );
</script>
</body>
</html>