瀏覽代碼

Enabled EasyImage in Bootstrap editor demo.

Kamil Piechaczek 7 年之前
父節點
當前提交
ffce4f404b

+ 10 - 3
packages/ckeditor5-ui/docs/_snippets/examples/bootstrap-ui-inner.js

@@ -34,6 +34,10 @@ import ItalicEngine from '@ckeditor/ckeditor5-basic-styles/src/italicengine';
 import UnderlineEngine from '@ckeditor/ckeditor5-basic-styles/src/underlineengine';
 import HeadingEngine from '@ckeditor/ckeditor5-heading/src/headingengine';
 
+// EasyImage
+import EasyImage from '@ckeditor/ckeditor5-easy-image/src/easyimage';
+import { TOKEN_URL } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+
 // Extending the Editor, which brings base editor API.
 export default class BootstrapEditor extends Editor {
 	constructor( element, config ) {
@@ -206,9 +210,12 @@ function setupHeadingDropdown( editor ) {
 BootstrapEditor
 	.create( $( '#editor' ).get( 0 ), {
 		plugins: [
-			Clipboard, Enter, Typing, Paragraph,
-			BoldEngine, ItalicEngine, UnderlineEngine, HeadingEngine, UndoEngine
-		]
+			Clipboard, Enter, Typing, Paragraph, EasyImage,
+			BoldEngine, ItalicEngine, UnderlineEngine, HeadingEngine, UndoEngine,
+		],
+		cloudServices: {
+			tokenUrl: TOKEN_URL
+		}
 	} )
 	.then( editor => {
 		window.editor = editor;

+ 2 - 0
packages/ckeditor5-ui/package.json

@@ -13,9 +13,11 @@
   },
   "devDependencies": {
     "@ckeditor/ckeditor5-basic-styles": "^1.0.0-alpha.2",
+    "@ckeditor/ckeditor5-cloudservices": "^1.0.0-alpha.1",
     "@ckeditor/ckeditor5-editor-classic": "^1.0.0-alpha.2",
     "@ckeditor/ckeditor5-engine": "^1.0.0-alpha.2",
     "@ckeditor/ckeditor5-enter": "^1.0.0-alpha.2",
+    "@ckeditor/ckeditor5-easy-image": "^1.0.0-alpha.2",
     "@ckeditor/ckeditor5-heading": "^1.0.0-alpha.2",
     "@ckeditor/ckeditor5-image": "^1.0.0-alpha.2",
     "@ckeditor/ckeditor5-link": "^1.0.0-alpha.2",