ngx-tinymce


Tinymce Components build with Angular.

DEMO

- Github
- Stackblitz

Installation instructions

Install ngx-tinymce from npm

``bash
npm 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.

`typescript
import { NgxTinymceModule } from 'ngx-tinymce';

@NgModule({
imports: [
NgxTinymceModule.forRoot({
// Local assets
baseURL: './assets/tinymce/',
// or cdn
baseURL: '//cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/',
}),
],
})
export class AppModule {}
`

If the local path should be adding assets configuration in angular.json:

`json
"assets": [
{
"glob": "**/tinymce.min.js",
"input": "./node_modules/tinymce",
"output": "assets/tinymce/"
}
]
`

$3

`ts
@Component({
template: ,
imports: [TinymceComponent],
})
export class App
`

Globa config:

`ts
bootstrapApplication(AppComponent, {
providers: [provideTinymce({ baseURL: '//cdn.tiny.cloud/1/no-api-key/tinymce/6/' })],
});
`

$3

`ts
import { Component } from '@angular/core';

@Component({
selector: 'my-app',
template: ,
})
export class AppComponent {
html = ;
}
`

$3

- 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 |
| inline | boolean | false | Inline editor |
| delay | number | 0 | Delayed rendering, unit is 'millisecond' |
| placeholder | string | - | Placeholder for tinymce, NOTE: dependent on tinymce-placeholder |
| ready | EventEmitter` | - | 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!

$3

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