fix(editors): change styles for html editors

This commit is contained in:
KostyaDanovsky 2017-08-29 14:22:03 +03:00
parent 933881f69e
commit fff7d771b9
3 changed files with 10 additions and 4 deletions

View file

@ -23,7 +23,7 @@ export class TinyMCEComponent implements OnDestroy, AfterViewInit {
this.editorKeyup.emit(editor.getContent()); this.editorKeyup.emit(editor.getContent());
}); });
}, },
height: '540', height: '320',
}); });
} }

View file

@ -6,9 +6,12 @@ import 'ckeditor';
@Component({ @Component({
selector: 'ngx-ckeditor', selector: 'ngx-ckeditor',
template: ` template: `
<nb-card size="xlarge"> <nb-card>
<nb-card-header>
CKEditor
</nb-card-header>
<nb-card-body> <nb-card-body>
<ckeditor [config]="{ extraPlugins: 'divarea', height: '515' }"></ckeditor> <ckeditor [config]="{ extraPlugins: 'divarea', height: '320' }"></ckeditor>
</nb-card-body> </nb-card-body>
</nb-card> </nb-card>
`, `,

View file

@ -3,7 +3,10 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'ngx-tiny-mce-page', selector: 'ngx-tiny-mce-page',
template: ` template: `
<nb-card size="xlarge"> <nb-card size="large">
<nb-card-header>
Tiny MCE
</nb-card-header>
<nb-card-body> <nb-card-body>
<ngx-tiny-mce></ngx-tiny-mce> <ngx-tiny-mce></ngx-tiny-mce>
</nb-card-body> </nb-card-body>