text: /**
   * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
   * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
   */
  
  /* globals ClassicEditor, console, window, document */
  
  import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config.js';
  
  ClassicEditor
  	.create( document.querySelector( '#snippet-image-full' ), {
  		toolbar: {
  			viewportTopOffset: window.getViewportTopOffsetConfig(),
  
  			items: [
  				'heading',
  				'|',
  				'bold',
  				'italic',
  				'link',
  				'bulletedList',
  				'numberedList',
  				'|',
  				'outdent',
  				'indent',
  				'|',
  				'uploadImage',
  				'blockQuote',
  				'insertTable',
  				'mediaEmbed',
  				'undo',
  				'redo'
  			]
  		},
  		image: {
  			toolbar: [
  				'toggleImageCaption',
  				'imageTextAlternative',
  				'|',
  				'imageStyle:inline',
  				'imageStyle:full',
  				'imageStyle:side',
  				'|',
  				'resizeImage:100',
  				'resizeImage:200',
  				'resizeImage:original'
  			],
  			resizeOptions: [
  				{
  					name: 'resizeImage:original',
  					value: null,
  					icon: 'original'
  				},
  				{
  					name: 'resizeImage:100',
  					value: '100',
  					icon: 'medium'
  				},
  				{
  					name: 'resizeImage:200',
  					value: '200',
  					icon: 'large'
  				}
  			],
  			resizeUnit: 'px'
  		},
  		table: {
  			contentToolbar: [
  				'tableColumn',
  				'tableRow',
  				'mergeTableCells'
  			]
  		},
  		cloudServices: CS_CONFIG
  	} )
  	.then( editor => {
  		window.editor = editor;
  
  		window.attachTourBalloon( {
  			target: window.findToolbarItem( editor.ui.view.toolbar, item => item.constructor.name === 'FileDialogButtonView' ),
  			text: 'Click here to insert an image.',
  			tippyOptions: {
  				placement: 'top'
  			},
  			editor
  		} );
  	} )
  	.catch( err => {
  		console.error( err );
  	} );
  