瀏覽代碼

Internal: Simplified UI building.

Marek Lewandowski 6 年之前
父節點
當前提交
c47b2cea4d
共有 1 個文件被更改,包括 12 次插入6 次删除
  1. 12 6
      packages/ckeditor5-widget/src/resizecontext.js

+ 12 - 6
packages/ckeditor5-widget/src/resizecontext.js

@@ -1,5 +1,7 @@
 import View from '@ckeditor/ckeditor5-ui/src/view';
-import { getAbsoluteBoundaryPoint } from './utils';
+import {
+	getAbsoluteBoundaryPoint
+} from './utils';
 import Template from '@ckeditor/ckeditor5-ui/src/template';
 
 import ObservableMixin from '@ckeditor/ckeditor5-utils/src/observablemixin';
@@ -119,7 +121,7 @@ export default class ResizeContext {
 		}, function( domDocument ) {
 			const domElement = this.toDomElement( domDocument );
 
-			that.domResizeShadow = that._appendShadowElement( domDocument, domElement );
+			that.domResizeShadow = that._appendShadowElement( domElement );
 			that._appendResizers( that.domResizeShadow );
 			that._appendSizeUi( that.domResizeShadow );
 
@@ -318,12 +320,16 @@ export default class ResizeContext {
 
 	/**
 	 * @private
-	 * @param {HTMLDocument} domDocument Document where the widget is used.
 	 * @param {HTMLElement} domElement The outer wrapper of resize UI within a given widget.
 	 */
-	_appendShadowElement( domDocument, domElement ) {
-		const shadowElement = domDocument.createElement( 'div' );
-		shadowElement.setAttribute( 'class', 'ck ck-widget__resizer-shadow' );
+	_appendShadowElement( domElement ) {
+		const shadowElement = new Template( {
+			tag: 'div',
+			attributes: {
+				class: 'ck ck-widget__resizer-shadow'
+			}
+		} ).render();
+
 		domElement.appendChild( shadowElement );
 
 		return shadowElement;