ngx-tinymce

Tinymce Components build with Angular.

DEMO

• Github
• Stackblitz

Installation instructions

Install ngx-tinymce from npm

1npm install ngx-tinymce --save

Recommend: You will need tinymce.min.js file via Build Customizer generate.

Import the ngx-tinymce in to your root AppModule.

1import { NgxTinymceModule } from 'ngx-tinymce';
2
3@NgModule({
4  imports: [
5    NgxTinymceModule.forRoot({
6      baseURL: './assets/tinymce/',
7      // or cdn
8      baseURL: '//cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.0/'
9    })
10  ]
11})
12export class AppModule { }

Usage

1import { Component } from '@angular/core';
2
3@Component({
4  selector: 'my-app',
5  template: `<tinymce [(ngModel)]="html"></tinymce>`
6})
7export class AppComponent  {
8  html = ``;
9}

How to use it with:

• angular-cli please refer to Installation instructions.
• stackblitz sample available here.

API

Name	Type	Default	Summary
config	any		see configure
loading	string,TemplateRef	-	Loading status of tinymce
disabled	boolean	false	Set tinymce mode is readonly if true
delay	number	0	Delayed rendering, unit is 'millisecond'
placeholder	string	-	Placeholder for tinymce, NOTE: dependent on tinymce-placeholder
ready	EventEmitter<any>	-	Tinymce ready callback

Troubleshooting

Please follow this guidelines when reporting bugs and feature requests:

1. Use GitHub Issues board to report bugs and feature requests (not our email address)
2. 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!

License

The MIT License (see the LICENSE file for the full text)