ngx-quill - npm Package Compare versions

Comparing version 1.3.6 to 1.4.0

aot/src/quill-editor.component.ngfactory.ts

@@ -29,3 +29,4 @@ /**
   },[i2.QuillEditorComponent]),i0.ɵdid(4767744,(null as any),0,i2.QuillEditorComponent,
-      [i0.ElementRef,i3.DOCUMENT],(null as any),(null as any))],(null as any),(null as any));
+      [i0.ElementRef,i3.DOCUMENT,i0.Renderer2],(null as any),(null as any))],(null as any),
+      (null as any));
 }
@@ -35,5 +36,5 @@ export const QuillEditorComponentNgFactory:i0.ComponentFactory<i2.QuillEditorComponent> = i0.ɵccf('quill-editor',
         readOnly:'readOnly',placeholder:'placeholder',maxLength:'maxLength',minLength:'minLength',
-        required:'required',formats:'formats',bounds:'bounds'},{onEditorCreated:'onEditorCreated',
+        required:'required',formats:'formats',style:'style',bounds:'bounds'},{onEditorCreated:'onEditorCreated',
         onContentChanged:'onContentChanged',onSelectionChanged:'onSelectionChanged'},
     ['[quill-editor-toolbar]']);
-//# sourceMappingURL=data:application/json;base64,eyJmaWxlIjoiL1VzZXJzL2Jlbmd0bGVyL2Rldi9uZ3gtcXVpbGwvc3JjL3F1aWxsLWVkaXRvci5jb21wb25lbnQubmdmYWN0b3J5LnRzIiwidmVyc2lvbiI6Mywic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsibmc6Ly8vVXNlcnMvYmVuZ3RsZXIvZGV2L25neC1xdWlsbC9zcmMvcXVpbGwtZWRpdG9yLmNvbXBvbmVudC50cyIsIm5nOi8vL1VzZXJzL2Jlbmd0bGVyL2Rldi9uZ3gtcXVpbGwvc3JjL3F1aWxsLWVkaXRvci5jb21wb25lbnQudHMuUXVpbGxFZGl0b3JDb21wb25lbnQuaHRtbCIsIm5nOi8vL1VzZXJzL2Jlbmd0bGVyL2Rldi9uZ3gtcXVpbGwvc3JjL3F1aWxsLWVkaXRvci5jb21wb25lbnQudHMuUXVpbGxFZGl0b3JDb21wb25lbnRfSG9zdC5odG1sIl0sInNvdXJjZXNDb250ZW50IjpbIiAiLCJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3F1aWxsLWVkaXRvci10b29sYmFyXVwiPjwvbmctY29udGVudD5cbiIsIjxxdWlsbC1lZGl0b3I+PC9xdWlsbC1lZGl0b3I+Il0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7OztvQkNBQSxnREFDRTtNQUFBLEdBQXlEOzs7b0JDRDNEO01BQUE7cUNBQUE7TUFBQTtRQUFBO01BQUE7SUFBQTtFQUFBLG9DQUFBO01BQUE7Ozs7Ozs7In0=
+//# sourceMappingURL=data:application/json;base64,eyJmaWxlIjoiL1VzZXJzL2Jlbmd0bGVyL2Rldi9uZ3gtcXVpbGwvc3JjL3F1aWxsLWVkaXRvci5jb21wb25lbnQubmdmYWN0b3J5LnRzIiwidmVyc2lvbiI6Mywic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsibmc6Ly8vVXNlcnMvYmVuZ3RsZXIvZGV2L25neC1xdWlsbC9zcmMvcXVpbGwtZWRpdG9yLmNvbXBvbmVudC50cyIsIm5nOi8vL1VzZXJzL2Jlbmd0bGVyL2Rldi9uZ3gtcXVpbGwvc3JjL3F1aWxsLWVkaXRvci5jb21wb25lbnQudHMuUXVpbGxFZGl0b3JDb21wb25lbnQuaHRtbCIsIm5nOi8vL1VzZXJzL2Jlbmd0bGVyL2Rldi9uZ3gtcXVpbGwvc3JjL3F1aWxsLWVkaXRvci5jb21wb25lbnQudHMuUXVpbGxFZGl0b3JDb21wb25lbnRfSG9zdC5odG1sIl0sInNvdXJjZXNDb250ZW50IjpbIiAiLCJcbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3F1aWxsLWVkaXRvci10b29sYmFyXVwiPjwvbmctY29udGVudD5cbiIsIjxxdWlsbC1lZGl0b3I+PC9xdWlsbC1lZGl0b3I+Il0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7OztvQkNBQSxnREFDRTtNQUFBLEdBQXlEOzs7b0JDRDNEO01BQUE7cUNBQUE7TUFBQTtRQUFBO01BQUE7SUFBQTtFQUFBLG9DQUFBO01BQUE7Ozs7Ozs7OyJ9

aot/src/quill-editor.component.ngsummary.json

@@ -1,1 +0,1 @@
-{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"modules":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"minLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"formats":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"bounds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"onEditorCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"onContentChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"onSelectionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":[{"__symbol":4,"members":[]}]}]],"parameters":[{"__symbol":5,"members":[]},null]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}}],"lifecycleHooks":[3,6]},"isComponent":true,"selector":"quill-editor","exportAs":null,"inputs":{"theme":"theme","modules":"modules","readOnly":"readOnly","placeholder":"placeholder","maxLength":"maxLength","minLength":"minLength","required":"required","formats":"formats","bounds":"bounds"},"outputs":{"onEditorCreated":"onEditorCreated","onContentChanged":"onContentChanged","onSelectionChanged":"onSelectionChanged"},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[{"token":{"identifier":{"reference":{"__symbol":6,"members":[]}}},"useClass":null,"useFactory":null,"useExisting":{"identifier":{"reference":{"__symbol":0,"members":[]}}},"multi":true},{"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}},"useClass":null,"useFactory":null,"useExisting":{"identifier":{"reference":{"__symbol":0,"members":[]}}},"multi":true}],"viewProviders":[],"queries":[],"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"animations":[],"ngContentSelectors":["[quill-editor-toolbar]"],"encapsulation":2},"componentViewType":{"__symbol":8,"members":[]},"rendererType":{"__symbol":9,"members":[]},"componentFactory":{"__symbol":10,"members":[]}}}],"symbols":[{"__symbol":0,"name":"QuillEditorComponent","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.d.ts"},{"__symbol":1,"name":"Input","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":2,"name":"Output","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":3,"name":"Inject","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":4,"name":"DOCUMENT","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/platform-browser/platform-browser.d.ts"},{"__symbol":5,"name":"ElementRef","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":6,"name":"NG_VALUE_ACCESSOR","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/forms/forms.d.ts"},{"__symbol":7,"name":"NG_VALIDATORS","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/forms/forms.d.ts"},{"__symbol":8,"name":"View_QuillEditorComponent_0","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.ngfactory.d.ts"},{"__symbol":9,"name":"RenderType_QuillEditorComponent","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.ngfactory.d.ts"},{"__symbol":10,"name":"QuillEditorComponentNgFactory","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.ngfactory.d.ts"}]}
+{"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"modules":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"readOnly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"maxLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"minLength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"required":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"formats":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"bounds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"onEditorCreated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"onContentChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"onSelectionChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":[{"__symbol":4,"members":[]}]}],null],"parameters":[{"__symbol":5,"members":[]},null,{"__symbol":6,"members":[]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":6,"members":[]}}}}],"lifecycleHooks":[3,6]},"isComponent":true,"selector":"quill-editor","exportAs":null,"inputs":{"theme":"theme","modules":"modules","readOnly":"readOnly","placeholder":"placeholder","maxLength":"maxLength","minLength":"minLength","required":"required","formats":"formats","style":"style","bounds":"bounds"},"outputs":{"onEditorCreated":"onEditorCreated","onContentChanged":"onContentChanged","onSelectionChanged":"onSelectionChanged"},"hostListeners":{},"hostProperties":{},"hostAttributes":{},"providers":[{"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}},"useClass":null,"useFactory":null,"useExisting":{"identifier":{"reference":{"__symbol":0,"members":[]}}},"multi":true},{"token":{"identifier":{"reference":{"__symbol":8,"members":[]}}},"useClass":null,"useFactory":null,"useExisting":{"identifier":{"reference":{"__symbol":0,"members":[]}}},"multi":true}],"viewProviders":[],"queries":[],"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"animations":[],"ngContentSelectors":["[quill-editor-toolbar]"],"encapsulation":2},"componentViewType":{"__symbol":9,"members":[]},"rendererType":{"__symbol":10,"members":[]},"componentFactory":{"__symbol":11,"members":[]}}}],"symbols":[{"__symbol":0,"name":"QuillEditorComponent","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.d.ts"},{"__symbol":1,"name":"Input","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":2,"name":"Output","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":3,"name":"Inject","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":4,"name":"DOCUMENT","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/platform-browser/platform-browser.d.ts"},{"__symbol":5,"name":"ElementRef","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":6,"name":"Renderer2","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/core/core.d.ts"},{"__symbol":7,"name":"NG_VALUE_ACCESSOR","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/forms/forms.d.ts"},{"__symbol":8,"name":"NG_VALIDATORS","filePath":"/Users/bengtler/dev/ngx-quill/node_modules/@angular/forms/forms.d.ts"},{"__symbol":9,"name":"View_QuillEditorComponent_0","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.ngfactory.d.ts"},{"__symbol":10,"name":"RenderType_QuillEditorComponent","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.ngfactory.d.ts"},{"__symbol":11,"name":"QuillEditorComponentNgFactory","filePath":"/Users/bengtler/dev/ngx-quill/src/quill-editor.component.ngfactory.d.ts"}]}

bundles/index.js

@@ -127,5 +127,6 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	var QuillEditorComponent = (function () {
-	    function QuillEditorComponent(elementRef, doc) {
+	    function QuillEditorComponent(elementRef, doc, renderer) {
 	        this.elementRef = elementRef;
 	        this.doc = doc;
+	        this.renderer = renderer;
 	        this.emptyArray = [];
@@ -150,2 +151,3 @@ this.defaultModules = {
 	        };
+	        this.style = {};
 	        this.onEditorCreated = new core_1.EventEmitter();
@@ -171,2 +173,7 @@ this.onContentChanged = new core_1.EventEmitter();
 	        this.editorElem = this.elementRef.nativeElement.querySelector('[quill-editor-element]');
+	        if (this.style) {
+	            Object.keys(this.style).forEach(function (key) {
+	                _this.renderer.setStyle(_this.editorElem, key, _this.style[key]);
+	            });
+	        }
 	        this.quillEditor = new Quill(this.editorElem, {
@@ -300,2 +307,6 @@ modules: modules,
 	        __metadata("design:type", Object)
+	    ], QuillEditorComponent.prototype, "style", void 0);
+	    __decorate([
+	        core_1.Input(),
+	        __metadata("design:type", Object)
 	    ], QuillEditorComponent.prototype, "bounds", void 0);
@@ -330,3 +341,3 @@ __decorate([
 	        __param(1, core_2.Inject(platform_browser_1.DOCUMENT)),
-	        __metadata("design:paramtypes", [core_1.ElementRef, Object])
+	        __metadata("design:paramtypes", [core_1.ElementRef, Object, core_1.Renderer2])
 	    ], QuillEditorComponent);
@@ -333,0 +344,0 @@ return QuillEditorComponent;

bundles/ngx-quill.umd.js

@@ -127,5 +127,6 @@ (function webpackUniversalModuleDefinition(root, factory) {
 	var QuillEditorComponent = (function () {
-	    function QuillEditorComponent(elementRef, doc) {
+	    function QuillEditorComponent(elementRef, doc, renderer) {
 	        this.elementRef = elementRef;
 	        this.doc = doc;
+	        this.renderer = renderer;
 	        this.emptyArray = [];
@@ -150,2 +151,3 @@ this.defaultModules = {
 	        };
+	        this.style = {};
 	        this.onEditorCreated = new core_1.EventEmitter();
@@ -171,2 +173,7 @@ this.onContentChanged = new core_1.EventEmitter();
 	        this.editorElem = this.elementRef.nativeElement.querySelector('[quill-editor-element]');
+	        if (this.style) {
+	            Object.keys(this.style).forEach(function (key) {
+	                _this.renderer.setStyle(_this.editorElem, key, _this.style[key]);
+	            });
+	        }
 	        this.quillEditor = new Quill(this.editorElem, {
@@ -300,2 +307,6 @@ modules: modules,
 	        __metadata("design:type", Object)
+	    ], QuillEditorComponent.prototype, "style", void 0);
+	    __decorate([
+	        core_1.Input(),
+	        __metadata("design:type", Object)
 	    ], QuillEditorComponent.prototype, "bounds", void 0);
@@ -330,3 +341,3 @@ __decorate([
 	        __param(1, core_2.Inject(platform_browser_1.DOCUMENT)),
-	        __metadata("design:paramtypes", [core_1.ElementRef, Object])
+	        __metadata("design:paramtypes", [core_1.ElementRef, Object, core_1.Renderer2])
 	    ], QuillEditorComponent);
@@ -333,0 +344,0 @@ return QuillEditorComponent;

package.json

 {
   "name": "ngx-quill",
   "license": "MIT",
-  "version": "1.3.6",
+  "version": "1.4.0",
   "author": {
@@ -6,0 +6,0 @@ "name": "Bengt Weiße"

README.md

@@ -94,2 +94,3 @@ # ngx-quill [![Build Status](https://travis-ci.org/KillerCodeMonkey/ngx-quill.svg?branch=develop)](https://travis-ci.org/KillerCodeMonkey/ngx-quill)
 - theme - bubble/snow, default is `snow`
+- style - set a style object, e.g. `[style]="{height: '250px'}"
 - placeholder - placeholder text, default is `Insert text here ...`
@@ -96,0 +97,0 @@ - bounds - boundary of the editor, default `document.body`

src/quill-editor.component.d.ts

@@ -1,2 +0,2 @@
-import { AfterViewInit, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validator } from '@angular/forms';
@@ -6,2 +6,3 @@ export declare class QuillEditorComponent implements AfterViewInit, ControlValueAccessor, OnChanges, Validator {
     private doc;
+    private renderer;
     quillEditor: any;
@@ -46,2 +47,3 @@ editorElem: HTMLElement;
     formats: string[];
+    style: any;
     bounds: HTMLElement | string;
@@ -53,3 +55,3 @@ onEditorCreated: EventEmitter<any>;
     onModelTouched: Function;
-    constructor(elementRef: ElementRef, doc: any);
+    constructor(elementRef: ElementRef, doc: any, renderer: Renderer2);
     ngAfterViewInit(): void;
@@ -56,0 +58,0 @@ ngOnChanges(changes: SimpleChanges): void;

src/quill-editor.component.js

@@ -13,3 +13,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 };
-import { Component, ElementRef, EventEmitter, forwardRef, Input, Output, ViewEncapsulation } from '@angular/core';
+import { Component, ElementRef, EventEmitter, forwardRef, Input, Output, Renderer2, ViewEncapsulation } from '@angular/core';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
@@ -20,5 +20,6 @@ import { Inject } from '@angular/core';
 var QuillEditorComponent = (function () {
-    function QuillEditorComponent(elementRef, doc) {
+    function QuillEditorComponent(elementRef, doc, renderer) {
         this.elementRef = elementRef;
         this.doc = doc;
+        this.renderer = renderer;
         this.emptyArray = [];
@@ -43,2 +44,3 @@ this.defaultModules = {
         };
+        this.style = {};
         this.onEditorCreated = new EventEmitter();
@@ -64,2 +66,7 @@ this.onContentChanged = new EventEmitter();
         this.editorElem = this.elementRef.nativeElement.querySelector('[quill-editor-element]');
+        if (this.style) {
+            Object.keys(this.style).forEach(function (key) {
+                _this.renderer.setStyle(_this.editorElem, key, _this.style[key]);
+            });
+        }
         this.quillEditor = new Quill(this.editorElem, {
@@ -193,2 +200,6 @@ modules: modules,
         __metadata("design:type", Object)
+    ], QuillEditorComponent.prototype, "style", void 0);
+    __decorate([
+        Input(),
+        __metadata("design:type", Object)
     ], QuillEditorComponent.prototype, "bounds", void 0);
@@ -223,3 +234,3 @@ __decorate([
         __param(1, Inject(DOCUMENT)),
-        __metadata("design:paramtypes", [ElementRef, Object])
+        __metadata("design:paramtypes", [ElementRef, Object, Renderer2])
     ], QuillEditorComponent);
@@ -226,0 +237,0 @@ return QuillEditorComponent;

src/quill-editor.component.spec.ts

@@ -9,3 +9,3 @@ import { TestBed, async, ComponentFixture } from '@angular/core/testing';
     template: `
-<quill-editor [(ngModel)]="title" [required]="required" [minLength]="minLength" [maxLength]="maxLength" [readOnly]="isReadOnly" (onEditorCreated)="handleEditorCreated($event)" (onContentChanged)="handleChange($event);" (onSelectionChanged)="handleSelection($event);"></quill-editor>
+<quill-editor [(ngModel)]="title" [style]="{height: '30px'}" [required]="required" [minLength]="minLength" [maxLength]="maxLength" [readOnly]="isReadOnly" (onEditorCreated)="handleEditorCreated($event)" (onContentChanged)="handleChange($event);" (onSelectionChanged)="handleSelection($event);"></quill-editor>
 `
@@ -120,2 +120,3 @@ })
             expect(editorElem.nativeElement.querySelectorAll('div.ql-container.ql-disabled').length).toBe(1);
+            expect(editorElem.nativeElement.querySelector('div[quill-editor-element]').style.height).toBe('30px');
         });
@@ -122,0 +123,0 @@ }));

src/quill-editor.component.ts

@@ -10,2 +10,3 @@ import {
   Output,
+  Renderer2,
   SimpleChanges,
@@ -80,2 +81,3 @@ ViewEncapsulation
   @Input() formats: string[];
+  @Input() style: any = {};
   @Input() bounds: HTMLElement | string;
@@ -90,3 +92,3 @@
 
-  constructor(private elementRef: ElementRef, @Inject(DOCUMENT) private doc: any) { }
+  constructor(private elementRef: ElementRef, @Inject(DOCUMENT) private doc: any, private renderer: Renderer2) { }
 
@@ -108,2 +110,8 @@ ngAfterViewInit() {
 
+    if (this.style) {
+      Object.keys(this.style).forEach((key: string) => {
+        this.renderer.setStyle(this.editorElem, key, this.style[key]);
+      });
+    }
+
     this.quillEditor = new Quill(this.editorElem, {
@@ -110,0 +118,0 @@ modules: modules,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

524111

increased by0.51%

Lines of code

1830

increased by2.46%

Number of lines in readme file

150

increased by0.67%

No dependency changes