diff --git a/dist/amd/froala-editor.js b/dist/amd/froala-editor.js
index 9dbc3d5..0c04a42 100644
--- a/dist/amd/froala-editor.js
+++ b/dist/amd/froala-editor.js
@@ -1,4 +1,4 @@
-define(['exports', 'aurelia-framework', 'aurelia-binding', './froala-editor-config', 'froala-editor/js/froala_editor.pkgd.min.js'], function (exports, _aureliaFramework, _aureliaBinding, _froalaEditorConfig, _froala_editorPkgdMin) {
+define(['exports', 'aurelia-framework', 'aurelia-binding', './froala-editor-config', 'froala-editor/js/froala_editor.min.js'], function (exports, _aureliaFramework, _aureliaBinding, _froalaEditorConfig, _froala_editorMin) {
 	'use strict';
 
 	Object.defineProperty(exports, "__esModule", {
@@ -6,7 +6,7 @@ define(['exports', 'aurelia-framework', 'aurelia-binding', './froala-editor-conf
 	});
 	exports.FroalaEditor1 = undefined;
 
-	var _froala_editorPkgdMin2 = _interopRequireDefault(_froala_editorPkgdMin);
+	var _froala_editorMin2 = _interopRequireDefault(_froala_editorMin);
 
 	function _interopRequireDefault(obj) {
 		return obj && obj.__esModule ? obj : {
@@ -123,7 +123,7 @@ define(['exports', 'aurelia-framework', 'aurelia-binding', './froala-editor-conf
 				return _this2.value = editor.html.get();
 			});
 
-			this.instance = new _froala_editorPkgdMin2.default('#' + this.element.id, Object.assign({}, this.config));
+			this.instance = new _froala_editorMin2.default(this.element, Object.assign({}, this.config));
 		};
 
 		FroalaEditor1.prototype.tearDown = function tearDown() {
diff --git a/dist/commonjs/froala-editor.js b/dist/commonjs/froala-editor.js
index d398d2a..e3be8da 100644
--- a/dist/commonjs/froala-editor.js
+++ b/dist/commonjs/froala-editor.js
@@ -13,9 +13,9 @@ var _aureliaBinding = require('aurelia-binding');
 
 var _froalaEditorConfig = require('./froala-editor-config');
 
-var _froala_editorPkgdMin = require('froala-editor/js/froala_editor.pkgd.min.js');
+var _froala_editorMin = require('froala-editor/js/froala_editor.min.js');
 
-var _froala_editorPkgdMin2 = _interopRequireDefault(_froala_editorPkgdMin);
+var _froala_editorMin2 = _interopRequireDefault(_froala_editorMin);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -122,7 +122,7 @@ var FroalaEditor1 = exports.FroalaEditor1 = (_dec = (0, _aureliaFramework.custom
 			return _this2.value = editor.html.get();
 		});
 
-		this.instance = new _froala_editorPkgdMin2.default('#' + this.element.id, Object.assign({}, this.config));
+		this.instance = new _froala_editorMin2.default(this.element, Object.assign({}, this.config));
 	};
 
 	FroalaEditor1.prototype.tearDown = function tearDown() {
diff --git a/dist/es2015/froala-editor.js b/dist/es2015/froala-editor.js
index 103f289..158be00 100644
--- a/dist/es2015/froala-editor.js
+++ b/dist/es2015/froala-editor.js
@@ -48,7 +48,7 @@ import { ObserverLocator } from "aurelia-binding";
 
 import { Config } from './froala-editor-config';
 
-import FroalaEditor from 'froala-editor/js/froala_editor.pkgd.min.js';
+import FroalaEditor from 'froala-editor/js/froala_editor.min.js';
 
 export let FroalaEditor1 = (_dec = customElement('froala-editor'), _dec2 = inject(Element, Config, ObserverLocator), _dec(_class = _dec2(_class = (_class2 = class FroalaEditor1 {
 
@@ -95,7 +95,7 @@ export let FroalaEditor1 = (_dec = customElement('froala-editor'), _dec2 = injec
 		this.instance.addEventListener('contentChanged', (e, editor) => this.value = editor.html.get());
 		this.instance.addEventListener('blur', (e, editor) => this.value = editor.html.get());
 
-		this.instance = new FroalaEditor(`#${this.element.id}`, Object.assign({}, this.config));
+		this.instance = new FroalaEditor(this.element, Object.assign({}, this.config));
 	}
 
 	tearDown() {
diff --git a/dist/system/froala-editor.js b/dist/system/froala-editor.js
index 4c96b3a..4de15a6 100644
--- a/dist/system/froala-editor.js
+++ b/dist/system/froala-editor.js
@@ -1,6 +1,6 @@
 'use strict';
 
-System.register(['aurelia-framework', 'aurelia-binding', './froala-editor-config', 'froala-editor/js/froala_editor.pkgd.min.js'], function (_export, _context) {
+System.register(['aurelia-framework', 'aurelia-binding', './froala-editor-config', 'froala-editor/js/froala_editor.min.js'], function (_export, _context) {
 	"use strict";
 
 	var inject, customElement, bindable, ObserverLocator, Config, FroalaEditor, _dec, _dec2, _class, _desc, _value, _class2, _descriptor, _descriptor2, _descriptor3, FroalaEditor1;
@@ -63,8 +63,8 @@ System.register(['aurelia-framework', 'aurelia-binding', './froala-editor-config
 			ObserverLocator = _aureliaBinding.ObserverLocator;
 		}, function (_froalaEditorConfig) {
 			Config = _froalaEditorConfig.Config;
-		}, function (_froalaEditorJsFroala_editorPkgdMinJs) {
-			FroalaEditor = _froalaEditorJsFroala_editorPkgdMinJs.default;
+		}, function (_froalaEditorJsFroala_editorMinJs) {
+			FroalaEditor = _froalaEditorJsFroala_editorMinJs.default;
 		}],
 		execute: function () {
 			_export('FroalaEditor1', FroalaEditor1 = (_dec = customElement('froala-editor'), _dec2 = inject(Element, Config, ObserverLocator), _dec(_class = _dec2(_class = (_class2 = function () {
@@ -125,7 +125,7 @@ System.register(['aurelia-framework', 'aurelia-binding', './froala-editor-config
 						return _this2.value = editor.html.get();
 					});
 
-					this.instance = new FroalaEditor('#' + this.element.id, Object.assign({}, this.config));
+					this.instance = new FroalaEditor(this.element, Object.assign({}, this.config));
 				};
 
 				FroalaEditor1.prototype.tearDown = function tearDown() {
diff --git a/package.json b/package.json
index be3220e..f904748 100644
--- a/package.json
+++ b/package.json
@@ -36,7 +36,7 @@
     "babel-preset-stage-1": "^6.22.0",
     "conventional-changelog": "^2.0.3",
     "del": "^3.0.0",
-    "gulp": "^4.0.0",
+    "gulp": "^3.9.1",
     "gulp-babel": "^6.1.2",
     "gulp-bump": "^2.7.0",
     "gulp-eslint": "^3.0.1",
diff --git a/src/froala-editor.js b/src/froala-editor.js
index b0b29f2..5ed63ba 100644
--- a/src/froala-editor.js
+++ b/src/froala-editor.js
@@ -4,7 +4,7 @@ import {ObserverLocator} from "aurelia-binding";
 import {Config} from './froala-editor-config';
 
 // Import Froala Editor
-import FroalaEditor from 'froala-editor/js/froala_editor.pkgd.min.js'
+import FroalaEditor from 'froala-editor/js/froala_editor.min.js'
 
 @customElement('froala-editor')
 @inject(Element, Config, ObserverLocator)
@@ -68,7 +68,7 @@ export class FroalaEditor1 {
 		this.instance.addEventListener('blur', (e, editor) => this.value = editor.html.get())
 
     // Initialize editor.
-		this.instance = new FroalaEditor(`#${this.element.id}`, Object.assign({}, this.config));
+		this.instance = new FroalaEditor(this.element, Object.assign({}, this.config));
 	}
 
   // Destroy.