Răsfoiți Sursa

Add a table with an image to the manual sample content.

Maciej Gołaszewski 5 ani în urmă
părinte
comite
421199ef43

+ 1 - 0
packages/ckeditor5-select-all/package.json

@@ -17,6 +17,7 @@
     "@ckeditor/ckeditor5-engine": "^18.0.0",
     "@ckeditor/ckeditor5-image": "^18.0.0",
     "@ckeditor/ckeditor5-paragraph": "^18.0.0",
+    "@ckeditor/ckeditor5-table": "^18.0.0",
     "eslint": "^5.5.0",
     "eslint-config-ckeditor5": "^2.0.0",
     "husky": "^2.4.1",

+ 17 - 0
packages/ckeditor5-select-all/tests/manual/selectall.html

@@ -1,4 +1,21 @@
 <div id="editor">
 	<p>This is an <a href="https://ckeditor.com">editor</a> instance.</p>
+	<figure class="table">
+		<table>
+			<tbody>
+				<tr>
+					<td>
+						<p>Apple pie marshmallow brownie. Tootsie roll dragée macaroon donut dessert caramels chocolate bar biscuit. Topping chocolate candy powder cake lollipop brownie sugar plum. Marzipan sweet roll lemon drops.</p>
+						<p>Dessert oat cake candy canes gummi bears cupcake marzipan chocolate liquorice liquorice. Jelly-o candy canes biscuit soufflé cake cookie. Chocolate cake pudding gummi bears chocolate bar cookie dragée cotton candy. Wafer pastry donut chocolate bar chocolate bar sugar plum macaroon donut.</p>
+					</td>
+					<td>
+						<p>Apple pie marshmallow brownie. Tootsie roll dragée macaroon donut dessert caramels chocolate bar biscuit. Topping chocolate candy powder cake lollipop brownie sugar plum. Marzipan sweet roll lemon drops.</p>
+						<figure class="image"><img src="./sample.jpg"><figcaption>Caption</figcaption></figure>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+	</figure>
+	<p>An image at the end of the content.</p>
 	<figure class="image"><img src="./sample.jpg"><figcaption>Caption</figcaption></figure>
 </div>

+ 4 - 2
packages/ckeditor5-select-all/tests/manual/selectall.js

@@ -13,11 +13,13 @@ import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
 import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
 import Image from '@ckeditor/ckeditor5-image/src/image';
 import ImageCaption from '@ckeditor/ckeditor5-image/src/imagecaption';
+import Table from '@ckeditor/ckeditor5-table/src/table';
+import TableToolbar from '@ckeditor/ckeditor5-table/src/tabletoolbar';
 
 ClassicEditor
 	.create( document.querySelector( '#editor' ), {
-		plugins: [ Essentials, Paragraph, Bold, Italic, Heading, Image, ImageCaption ],
-		toolbar: [ 'heading', '|', 'bold', 'italic', '|', 'selectAll' ]
+		plugins: [ Essentials, Paragraph, Bold, Italic, Heading, Image, ImageCaption, Table, TableToolbar ],
+		toolbar: [ 'heading', '|', 'bold', 'italic', '|', 'insertTable', '|', 'selectAll' ]
 	} )
 	.then( editor => {
 		window.editor = editor;

+ 5 - 2
packages/ckeditor5-select-all/tests/manual/selectall.md

@@ -2,14 +2,17 @@
 
 ### Selecting the entire editor content
 
-1. Put the selection anywhere but inside the image caption.
+1. Put the selection anywhere but inside the image caption or table cell.
 2. Press <kbd>Ctrl</kbd>+<kbd>A</kbd>.
 3. The entire content should be selected. You should be able to remove it using the <kbd>Backspace</kbd> key.
 4. Repeat the scenario but instead of the keystroke use the toolbar button.
 
 ### Selecting the nested editable content
 
-1. Put the selection inside the image caption.
+1. Put the selection inside:
+    a. an image caption
+    b. the caption of the image in the table
+    c. the table cell.
 2. Press <kbd>Ctrl</kbd>+<kbd>A</kbd>.
 3. The caption content should be selected. **The selection should not go beyond the nested editable.**
 4. Repeat the scenario but instead of the keystroke use the toolbar button.