瀏覽代碼

Manual tests: added side & full image icons.

Damian Konopka 8 年之前
父節點
當前提交
2041785617

+ 28 - 1
packages/ckeditor5-theme-lark/tests/manual/iconset.js

@@ -13,6 +13,8 @@ import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 
 import codeIcon from '@ckeditor/ckeditor5-basic-styles/theme/icons/code.svg';
 import imageIcon from '@ckeditor/ckeditor5-core/theme/icons/image.svg';
+import imageLeftIcon from '@ckeditor/ckeditor5-core/theme/icons/object-left.svg';
+import imageCenterIcon from '@ckeditor/ckeditor5-core/theme/icons/object-center.svg';
 import editIcon from '@ckeditor/ckeditor5-core/theme/icons/pencil.svg';
 import strikethroughIcon from '@ckeditor/ckeditor5-basic-styles/theme/icons/strikethrough.svg';
 import underlineIcon from '@ckeditor/ckeditor5-basic-styles/theme/icons/underline.svg';
@@ -58,6 +60,30 @@ class FakeIcons extends Plugin {
 			return view;
 		} );
 
+		editor.ui.componentFactory.add( 'imageLeft', locale => {
+			const view = new ButtonView( locale );
+
+			view.set( {
+				label: 'Left-sided image',
+				icon: imageLeftIcon,
+				tooltip: true
+			} );
+
+			return view;
+		} );
+
+		editor.ui.componentFactory.add( 'imageCenter', locale => {
+			const view = new ButtonView( locale );
+
+			view.set( {
+				label: 'Centered image',
+				icon: imageCenterIcon,
+				tooltip: true
+			} );
+
+			return view;
+		} );
+
 		editor.ui.componentFactory.add( 'strikethrough', locale => {
 			const view = new ButtonView( locale );
 
@@ -103,7 +129,8 @@ ClassicEditor
 		],
 		toolbar: [
 			'headings', 'bold', 'italic', 'strikethrough', 'underline', 'link', 'unlink', 'edit', 'bulletedList', 'numberedList',
-			'blockquote', 'code', 'undo', 'redo', 'imagestylefull', 'imagestyleside', 'imagetextalternative', 'insertImage'
+			'blockquote', 'code', 'undo', 'redo', 'imagestylefull', 'imagestyleside', 'imageLeft', 'imageCenter', 'imagetextalternative',
+			'insertImage'
 		]
 	} )
 	.then( editor => {

+ 19 - 16
packages/ckeditor5-theme-lark/tests/manual/iconset.md

@@ -2,19 +2,22 @@
 
 Check out icons in toolbar:
 
-* bold
-* italic
-* strikethrough
-* underline
-* link
-* unlink
-* bulleted list
-* numbered list
-* blockquote
-* code
-* undo
-* redo
-* image full style
-* image side style
-* alternative text
-* image
+1. bold
+2. italic
+3. strikethrough
+4. underline
+5. link
+6. unlink
+7. edit
+8. bulleted list
+9. numbered list
+10. blockquote
+11. code
+12. undo
+13. redo
+14. image center style
+15. image right-side style
+16. image left-side style
+17. image centered
+18. alternative text
+19. image