diff options
author | polo <ordipolo@gmx.fr> | 2021-04-20 21:46:33 +0200 |
---|---|---|
committer | polo <ordipolo@gmx.fr> | 2021-04-20 21:46:33 +0200 |
commit | 87798e5554eb0330cd2de255e5034f0472d410a4 (patch) | |
tree | acd9e26a7d912c7575cb6dd1c7b42cc3e9f52993 /lib/ckeditor5/sample/index.html | |
download | melaine-87798e5554eb0330cd2de255e5034f0472d410a4.zip |
mot de passe
Diffstat (limited to 'lib/ckeditor5/sample/index.html')
-rw-r--r-- | lib/ckeditor5/sample/index.html | 164 |
1 files changed, 164 insertions, 0 deletions
diff --git a/lib/ckeditor5/sample/index.html b/lib/ckeditor5/sample/index.html new file mode 100644 index 0000000..0193081 --- /dev/null +++ b/lib/ckeditor5/sample/index.html | |||
@@ -0,0 +1,164 @@ | |||
1 | <!DOCTYPE html><!-- | ||
2 | Copyright (c) 2014-2021, CKSource - Frederico Knabben. All rights reserved. | ||
3 | This file is licensed under the terms of the MIT License (see LICENSE.md). | ||
4 | --> | ||
5 | |||
6 | <html lang="en" dir="ltr"></html> | ||
7 | <head> | ||
8 | <title>CKEditor 5 ClassicEditor build</title> | ||
9 | <meta charset="UTF-8"> | ||
10 | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
11 | <link rel="icon" type="image/png" href="https://c.cksource.com/a/1/logos/ckeditor5.png"> | ||
12 | <link rel="stylesheet" type="text/css" href="styles.css"> | ||
13 | </head> | ||
14 | <body data-editor="ClassicEditor" data-collaboration="false"> | ||
15 | <header> | ||
16 | <div class="centered"> | ||
17 | <h1><a href="https://ckeditor.com/ckeditor-5/" target="_blank" rel="noopener noreferrer"><img src="https://c.cksource.com/a/1/logos/ckeditor5.svg" alt="CKEditor 5 logo">CKEditor 5</a></h1> | ||
18 | <nav> | ||
19 | <ul> | ||
20 | <li><a href="https://ckeditor.com/docs/ckeditor5/" target="_blank" rel="noopener noreferrer">Documentation</a></li> | ||
21 | <li><a href="https://ckeditor.com/" target="_blank" rel="noopener noreferrer">Website</a></li> | ||
22 | </ul> | ||
23 | </nav> | ||
24 | </div> | ||
25 | </header> | ||
26 | <main> | ||
27 | <div class="message"> | ||
28 | <div class="centered"> | ||
29 | <h2>CKEditor 5 online builder demo - ClassicEditor build</h2> | ||
30 | </div> | ||
31 | </div> | ||
32 | <div class="centered"> | ||
33 | <div class="row row-editor"> | ||
34 | <div class="editor"> | ||
35 | <h2>Bilingual Personality Disorder</h2> | ||
36 | <figure class="image image-style-side"><img src="https://c.cksource.com/a/1/img/docs/sample-image-bilingual-personality-disorder.jpg"> | ||
37 | <figcaption>One language, one person.</figcaption> | ||
38 | </figure> | ||
39 | <p> | ||
40 | This may be the first time you hear about this made-up disorder but | ||
41 | it actually isn’t so far from the truth. Even the studies that were conducted almost half a century show that | ||
42 | <strong>the language you speak has more effects on you than you realise</strong>. | ||
43 | </p> | ||
44 | <p> | ||
45 | One of the very first experiments conducted on this topic dates back to 1964. | ||
46 | <a href="https://www.researchgate.net/publication/9440038_Language_and_TAT_content_in_bilinguals">In the experiment</a> | ||
47 | designed by linguist Ervin-Tripp who is an authority expert in psycholinguistic and sociolinguistic studies, | ||
48 | adults who are bilingual in English in French were showed series of pictures and were asked to create 3-minute stories. | ||
49 | In the end participants emphasized drastically different dynamics for stories in English and French. | ||
50 | </p> | ||
51 | <p> | ||
52 | Another ground-breaking experiment which included bilingual Japanese women married to American men in San Francisco were | ||
53 | asked to complete sentences. The goal of the experiment was to investigate whether or not human feelings and thoughts | ||
54 | are expressed differently in <strong>different language mindsets</strong>. | ||
55 | <Here>is a sample from the the experiment:</Here> | ||
56 | </p> | ||
57 | <table> | ||
58 | <thead> | ||
59 | <tr> | ||
60 | <th></th> | ||
61 | <th>English</th> | ||
62 | <th>Japanese</th> | ||
63 | </tr> | ||
64 | </thead> | ||
65 | <tbody> | ||
66 | <tr> | ||
67 | <td>Real friends should</td> | ||
68 | <td>Be very frank</td> | ||
69 | <td>Help each other</td> | ||
70 | </tr> | ||
71 | <tr> | ||
72 | <td>I will probably become</td> | ||
73 | <td>A teacher</td> | ||
74 | <td>A housewife</td> | ||
75 | </tr> | ||
76 | <tr> | ||
77 | <td>When there is a conflict with family</td> | ||
78 | <td>I do what I want</td> | ||
79 | <td>It's a time of great unhappiness</td> | ||
80 | </tr> | ||
81 | </tbody> | ||
82 | </table> | ||
83 | <p> | ||
84 | More recent <a href="https://books.google.pl/books?id=1LMhWGHGkRUC">studies</a> show, the language a person speaks affects | ||
85 | their cognition, behaviour, emotions and hence <strong>their personality</strong>. | ||
86 | This shouldn’t come as a surprise | ||
87 | <a href="https://en.wikipedia.org/wiki/Lateralization_of_brain_function">since we already know</a> that different regions | ||
88 | of the brain become more active depending on the person’s activity at hand. Since structure, information and especially | ||
89 | <strong>the culture</strong> of languages varies substantially and the language a person speaks is an essential element of daily life. | ||
90 | </p> | ||
91 | </div> | ||
92 | </div></div> | ||
93 | </div> | ||
94 | </main> | ||
95 | <footer> | ||
96 | <p><a href="https://ckeditor.com/ckeditor-5/" target="_blank" rel="noopener">CKEditor 5</a> | ||
97 | – Rich text editor of tomorrow, available today | ||
98 | </p> | ||
99 | <p>Copyright © 2003-2021, | ||
100 | <a href="https://cksource.com/" target="_blank" rel="noopener">CKSource</a> | ||
101 | – Frederico Knabben. All rights reserved. | ||
102 | </p> | ||
103 | </footer> | ||
104 | <script src="../build/ckeditor.js"></script> | ||
105 | <script>ClassicEditor | ||
106 | .create( document.querySelector( '.editor' ), { | ||
107 | |||
108 | toolbar: { | ||
109 | items: [ | ||
110 | 'heading', | ||
111 | '|', | ||
112 | 'bold', | ||
113 | 'italic', | ||
114 | 'link', | ||
115 | 'bulletedList', | ||
116 | 'numberedList', | ||
117 | '|', | ||
118 | 'imageUpload', | ||
119 | 'blockQuote', | ||
120 | 'insertTable', | ||
121 | 'undo', | ||
122 | 'redo' | ||
123 | ] | ||
124 | }, | ||
125 | language: 'fr', | ||
126 | image: { | ||
127 | toolbar: [ | ||
128 | 'imageTextAlternative', | ||
129 | 'imageStyle:full', | ||
130 | 'imageStyle:side', | ||
131 | 'linkImage' | ||
132 | ] | ||
133 | }, | ||
134 | table: { | ||
135 | contentToolbar: [ | ||
136 | 'tableColumn', | ||
137 | 'tableRow', | ||
138 | 'mergeTableCells', | ||
139 | 'tableProperties' | ||
140 | ] | ||
141 | }, | ||
142 | licenseKey: '', | ||
143 | |||
144 | |||
145 | } ) | ||
146 | .then( editor => { | ||
147 | window.editor = editor; | ||
148 | |||
149 | |||
150 | |||
151 | |||
152 | |||
153 | |||
154 | |||
155 | |||
156 | } ) | ||
157 | .catch( error => { | ||
158 | console.error( 'Oops, something went wrong!' ); | ||
159 | console.error( 'Please, report the following error on https://github.com/ckeditor/ckeditor5/issues with the build id and the error stack trace:' ); | ||
160 | console.warn( 'Build id: aovpauzd25hi-dqoovaepm42n' ); | ||
161 | console.error( error ); | ||
162 | } ); | ||
163 | </script> | ||
164 | </body> \ No newline at end of file | ||