Parcourir la source

Tests: Added a content that includes all the editor features.

Also added indent block feature.
Marek Lewandowski il y a 5 ans
Parent
commit
10f6debd31

+ 65 - 1
tests/manual/performance/richeditor.html

@@ -3,10 +3,12 @@
 </div>
 
 <div id="editor">
-	<h1>Rich editor</h1>
+	<h1>Rich editor (h1)</h1>
+
 	<p>
 		This editor features exceptionally high number of plugins.
 	</p>
+
 	<p>
 		It
 		<strong>features</strong>
@@ -17,6 +19,7 @@
 		<u>too crazy</u>.
 		<a href="https://ckeditor.com">Links</a> are also here.
 	</p>
+
 	<p>
 		Font can have customized
 		<span style="background-color:#e6e64c">background</span>,
@@ -25,4 +28,65 @@
 		<span class="text-big">height</span>.
 		You can also <mark class="marker-yellow">mark</mark> it or use <code>code</code> if you want to.
 	</p>
+
+	<p style="text-align:right">
+		Text alignment can be customized.
+	</p>
+
+	<ol>
+		<li>Ordered list
+			<ol>
+				<li>Ordered list</li>
+			</ol>
+		</li>
+	</ol>
+
+	<ul>
+		<li>Unordered list
+			<ul>
+				<li>Unordered list</li>
+			</ul>
+		</li>
+	</ul>
+
+	<ul>
+		<li><input type="checkbox">To-do list item 1</li>
+		<li><input type="checkbox" checked="checked">To-do list item 2</li>
+		<li><input type="checkbox">To-do list item 3</li>
+	</ul>
+
+	<p style="margin-left:40px">Indenting a paragraph is fine too.</p>
+
+	<blockquote>
+		An example blockquote text.
+	</blockquote>
+
+	<table>
+		<tbody>
+			<tr>
+				<td>cell</td>
+				<td>cell</td>
+			</tr>
+			<tr>
+				<td>cell</td>
+				<td>cell</td>
+			</tr>
+		</tbody>
+	</table>
+
+	<figure class="media">
+		<oembed url="https://www.youtube.com/watch?v=CB70skVw3nU"></oembed>
+	</figure>
+
+	<pre><code class="language-xml">&lt;blockquote&gt;
+		An example blockquote text.
+&lt;/blockquote&gt;</code></pre>
+
+	<p>Time to separate it with a horizontal rule, followed by a page break:</p>
+
+	<hr>
+
+	<div class="page-break" style="page-break-after:always;"><span style="display:none;">&nbsp;</span></div>
+
+	<p>There is a possibility to work with the restricted editing plugin: <span class="restricted-editing-exception">Like that</span>.</p>
 </div>

+ 3 - 1
tests/manual/performance/richeditor.js

@@ -32,6 +32,7 @@ import StandardEditingMode from '@ckeditor/ckeditor5-restricted-editing/src/stan
 import SpecialCharacters from '@ckeditor/ckeditor5-special-characters/src/specialcharacters';
 import ImageUpload from '@ckeditor/ckeditor5-image/src/imageupload';
 import ImageResize from '@ckeditor/ckeditor5-image/src/imageresize';
+import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
 import { UploadAdapterMock } from '@ckeditor/ckeditor5-upload/tests/_utils/mocks';
 import WordCount from '@ckeditor/ckeditor5-word-count/src/wordcount';
 
@@ -63,7 +64,8 @@ ClassicEditor
 			SpecialCharacters,
 			ImageUpload,
 			ImageResize,
-			WordCount
+			WordCount,
+			IndentBlock
 		],
 		toolbar: {
 			items: [