feat: add width property to editor (#1)

sibiraj-s · Oct 3, 2017 · 731f2fc · 731f2fc
1 parent 28bfb99
commit 731f2fc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/app/ngx-editor/ngx-editor.component.html b/src/app/ngx-editor/ngx-editor.component.html
@@ -1,4 +1,4 @@
-<div class="ngx-editor" id="ngxEditor">
+<div class="ngx-editor" id="ngxEditor" [style.width]="config['width']" [style.minWidth]="config['minWidth']">
   <div class="toolbar">
     <div class="set">
       <button *ngIf="canEnableToolbarOptions('bold')" (click)="executeCommand('bold')" title="Bold"><i class="fa fa-bold" aria-hidden="true"></i></button>

diff --git a/src/app/ngx-editor/ngx-editor.component.ts b/src/app/ngx-editor/ngx-editor.component.ts
@@ -21,6 +21,8 @@ export class NgxEditorComponent implements OnInit {
   @Input() translate: string;
   @Input() height: string;
   @Input() minHeight: string;
+  @Input() width: string;
+  @Input() minWidth: string;
   @Input() toolbar: any;
 
   /*

diff --git a/src/app/ngx-editor/ngx-editor.defaults.ts b/src/app/ngx-editor/ngx-editor.defaults.ts
@@ -3,6 +3,8 @@ export const ngxEditorConfig = {
   spellcheck: true,
   height: 'auto',
   minHeight: '0',
+  width: 'auto',
+  minWidth: '0',
   translate: 'yes',
   placeholder: 'Enter text here...',
   toolbar: [