Преглед изворни кода

Added more features to image caption manual test.

Szymon Kupś пре 9 година
родитељ
комит
2bed446927

+ 11 - 0
packages/ckeditor5-image/tests/manual/caption.html

@@ -0,0 +1,11 @@
+<div id="editor">
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum.</p>
+	<figure class="image">
+		<img src="logo.png" />
+		<figcaption>CKEditor logo - caption</figcaption>
+	</figure>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. </p>
+	<figure class="image">
+		<img src="logo.png"  />
+	</figure>
+</div>

+ 7 - 3
packages/ckeditor5-image/tests/manual/captioning.js → packages/ckeditor5-image/tests/manual/caption.js

@@ -14,13 +14,17 @@ import ImagePlugin from '../../src/image';
 import ImageCaption from '../../src/imagecaption/imagecaption';
 import UndoPlugin from '@ckeditor/ckeditor5-undo/src/undo';
 import ClipboardPlugin from '@ckeditor/ckeditor5-clipboard/src/clipboard';
+import ImageToolbar from '../../src/imagetoolbar';
+import ImageStyle from '../../src/imagestyle/imagestyle';
+import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold';
+import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic';
 
 ClassicEditor.create( document.querySelector( '#editor' ), {
 	plugins: [
-		EnterPlugin, TypingPlugin, ParagraphPlugin, HeadingPlugin, ImagePlugin,
-		UndoPlugin, ClipboardPlugin, ImageCaption
+		EnterPlugin, TypingPlugin, ParagraphPlugin, HeadingPlugin, ImagePlugin, ImageToolbar,
+		UndoPlugin, ClipboardPlugin, ImageCaption, ImageStyle, Bold, Italic
 	],
-	toolbar: [ 'headings', 'undo', 'redo' ]
+	toolbar: [ 'headings', 'undo', 'redo', 'bold', 'italic' ]
 } )
 	.then( editor => {
 		window.editor = editor;

+ 0 - 0
packages/ckeditor5-image/tests/manual/captioning.md → packages/ckeditor5-image/tests/manual/caption.md


+ 0 - 11
packages/ckeditor5-image/tests/manual/captioning.html

@@ -1,11 +0,0 @@
-<div id="editor">
-	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum.</p>
-	<figure class="image">
-		<img src="logo.png" />
-		<figcaption>CKEditor logo - caption</figcaption>
-	</figure>
-	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. </p>
-	<figure class="image">
-		<img src="logo.png"  />
-	</figure>
-</div>

+ 0 - 1
packages/ckeditor5-image/theme/theme.scss

@@ -23,7 +23,6 @@
 .image {
 	text-align: center;
 	clear: both;
-	position: relative;
 
 	&.image-style-side {
 		float: right;