index.html 5.8 KB

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