Tinymce Components build with Angular.
- Install
tinymce
fromnpm
- Install
ngx-tinymce-editor
fromnpm
npm install tinymce --save
npm install ngx-tinymce-editor --save
- Import the
ngx-tinymce-editor
in to your rootAppModule
. - Copy the
node_modules/tinymce/skins
in to your directoryassets/tinymce/skins
.
import { NgxTinymceEditorModule } from 'ngx-tinymce-editor';
@NgModule({
imports: [
NgxTinymceEditorModule.forRoot()
]
})
export class AppModule { }
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `<ngx-tinymce-editor [(content)]="content" [upload]="{url:'http://files.upload.url',fileKey:'file'}"></ngx-tinymce-editor>`
})
export class AppComponent {
content = ``;
}
angular-cli
please refer to Installation instructions.
Name | Type | Default | Description |
---|---|---|---|
content | string |
"" | editor content |
height | string |
"500px" | editor height |
upload | object |
null | upload image config |
readonly | any |
false | editor read only |
Please follow this guidelines when reporting bugs and feature requests:
- Use GitHub Issues board to report bugs and feature requests (not our email address)
- Please always write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.
Thanks for understanding!
The MIT License (see the LICENSE file for the full text)