Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-21 09:50:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(ckeditor): fix ckeditor loader

Browse source
This commit is contained in:
Alexander Zhukov 2017-01-21 16:13:08 +03:00
parent 54756fca99
commit c15fee6eb6
4 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/app/pages/editors/components/ckeditor/ckeditor.component.ts
View file

@ -1,19 +1,20 @@
import { Component, ViewEncapsulation } from '@angular/core'; import { Component } from '@angular/core';
import './ckeditor.loader.ts'; import './ckeditor.loader';
import 'ckeditor';
import 'style-loader!./ckeditor.scss';
@Component({ @Component({
selector: 'ckeditor-component', selector: 'ckeditor-component',
// encapsulation: ViewEncapsulation.None,
templateUrl: './ckeditor.html', templateUrl: './ckeditor.html',
styleUrls: ['./ckeditor.scss']
}) })
export class Ckeditor { export class Ckeditor {
public ckeditorContent:string = '<p>Hello CKEditor</p>'; public ckeditorContent:string = '<p>Hello CKEditor</p>';
public config = { public config = {
uiColor: '#F0F3F4', uiColor: '#F0F3F4',
height: '600' height: '600',
extraPlugins: 'divarea',
}; };
constructor() { constructor() {

3
src/app/pages/editors/components/ckeditor/ckeditor.loader.ts
View file

@ -1,2 +1 @@
window['CKEDITOR_BASEPATH'] = '//cdn.ckeditor.com/4.6.0/standard/'; window['CKEDITOR_BASEPATH'] = '/ckeditor/';
import 'ckeditor';

5
src/app/pages/editors/components/ckeditor/ckeditor.scss
View file

@ -1,5 +1,6 @@
@import '../../../../theme/sass/conf/conf'; @import '../../../../theme/sass/conf/conf';
.cke_source { .cke_wysiwyg_div {
color: $dropdown-text!important; padding: 20px !important;
color: $ckeditor-text !important;
} }

1
src/app/theme/sass/conf/colorSchemes/_ng2.scss
View file

@ -13,6 +13,7 @@ $border-light: rgba(255, 255, 255, 0.3); // lighter version of border color (for
$input-border: rgba(255, 255, 255, 0.6); // input border color $input-border: rgba(255, 255, 255, 0.6); // input border color
$input-background: rgba(255, 255, 255, 0.1); // input border color for hover $input-background: rgba(255, 255, 255, 0.1); // input border color for hover
$dropdown-text: #7d7d7d; // dropdown text color $dropdown-text: #7d7d7d; // dropdown text color
$ckeditor-text: #333;
// sidebar colors // sidebar colors
$sidebar: #282828; $sidebar: #282828;