How to use ngx-tinymce - 9 common examples
To help you get started, we’ve selected a few ngx-tinymce examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
ng-alain / delon / src / app / routes / editor / editor.module.ts View on Github 
@NgModule({
imports: [
SharedModule,
RouterModule.forChild(routes),
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
js: [
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.config.js`,
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.all.min.js`
],
options: {
UEDITOR_HOME_URL: `//apps.bdimg.com/libs/ueditor/1.4.3.1/`
}
}),
NgxTinymceModule.forRoot({
baseURL: '//cdn.bootcss.com/tinymce/4.7.4/'
})
],
declarations: [UeditorComponent, TinymceComponent],
exports: [
RouterModule
],
entryComponents: [
]
})
export class EditorModule { }}
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
HttpClientModule,
DelonModule.forRoot(),
LayoutModule,
SharedModule,
JsonSchemaModule,
RoutesModule,
ExampleModule,
// i18n
TranslateModule.forRoot(),
NgxTinymceModule.forRoot({
baseURL: 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.9.2/',
}),
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
js: [`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.config.js`, `//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.all.min.js`],
options: {
UEDITOR_HOME_URL: `//apps.bdimg.com/libs/ueditor/1.4.3.1/`,
},
}),
SimplemdeModule.forRoot({
delay: 300,
}),
],
providers: [
{ provide: ALAIN_I18N_TOKEN, useClass: I18NService, multi: false },
StartupService,provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [HttpClient]
}
}),
// thirds
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
// 指定ueditor.js路径目录
path: '//apps.bdimg.com/libs/ueditor/1.4.3.1/',
// 默认全局配置项
options: {
themePath: '//apps.bdimg.com/libs/ueditor/1.4.3.1/themes/'
}
}),
NgxTinymceModule.forRoot({
baseURL: '//cdn.bootcss.com/tinymce/4.7.4/'
}),
// JSON-Schema form
JsonSchemaModule
],
providers: [
{ provide: LOCALE_ID, useValue: 'zh-Hans' },
{ provide: HTTP_INTERCEPTORS, useClass: SimpleInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: DefaultInterceptor, multi: true },
{ provide: ALAIN_I18N_TOKEN, useClass: I18NService, multi: false },
StartupService,
{
provide: APP_INITIALIZER,
useFactory: StartupServiceFactory,
deps: [StartupService],
multi: trueuseFactory: I18nHttpLoaderFactory,
deps: [HttpClient],
},
}),
// thirds
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
js: [
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.config.js`,
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.all.min.js`,
],
options: {
UEDITOR_HOME_URL: `//apps.bdimg.com/libs/ueditor/1.4.3.1/`,
},
}),
NgxTinymceModule.forRoot({
baseURL: '//cdn.bootcss.com/tinymce/4.7.4/',
}),
// JSON-Schema form
JsonSchemaModule,
ServiceProxyModule
],
providers: [
{ provide: LOCALE_ID, useValue: 'zh-Hans' },
{ provide: HTTP_INTERCEPTORS, useClass: SimpleInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: DefaultInterceptor, multi: true },
{ provide: ALAIN_I18N_TOKEN, useClass: I18NService, multi: false },
StartupService,
{
provide: APP_INITIALIZER,
useFactory: StartupServiceFactory,
deps: [StartupService],): Function {
return () => startupService.load();
}
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
CoreModule,
DelonModule.forRoot(),
SharedModule,
JsonSchemaModule,
RoutesModule,
// i18n
TranslateModule.forRoot(),
NgxTinymceModule.forRoot({
baseURL: 'https://cdnjs.cloudflare.com/ajax/libs/tinymce/4.7.13/',
}),
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
js: [
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.config.js`,
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.all.min.js`,
],
options: {
UEDITOR_HOME_URL: `//apps.bdimg.com/libs/ueditor/1.4.3.1/`,
},
}),
SimplemdeModule.forRoot({
delay: 300
})
],// thirds
UMeditorModule.forRoot(),
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
js: [
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.config.js`,
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.all.min.js`,
],
options: {
UEDITOR_HOME_URL: `//apps.bdimg.com/libs/ueditor/1.4.3.1/`,
serverUrl: '/user/upload',
lang: 'zh-cn'
},
}),
NgxTinymceModule.forRoot({
baseURL: '//cdn.bootcss.com/tinymce/4.7.4/',
}),
// JSON-Schema form
JsonSchemaModule,
],
providers: [
{ provide: LOCALE_ID, useValue: 'zh-Hans' },
{ provide: HTTP_INTERCEPTORS, useClass: DefaultInterceptor, multi: true },
{ provide: ALAIN_I18N_TOKEN, useClass: I18NService, multi: false },
StartupService,
{
provide: APP_INITIALIZER,
useFactory: StartupServiceFactory,
deps: [StartupService],
multi: true,
},]
}
], environment.production ? { useHash: true, preloadingStrategy: PreloadAllModules } : { useHash: true }),
NgZorroAntdModule.forRoot(),
JsonSchemaModule,
MarkdownModule.forRoot(),
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
// 指定ueditor.js路径目录
path: '//apps.bdimg.com/libs/ueditor/1.4.3.1/',
// 默认全局配置项
options: {
themePath: '//apps.bdimg.com/libs/ueditor/1.4.3.1/themes/'
}
}),
NgxTinymceModule.forRoot({
baseURL: '//cdn.bootcss.com/tinymce/4.7.4/'
})
],
providers: [
StartupService,
{
provide: APP_INITIALIZER,
useFactory: StartupServiceFactory,
deps: [StartupService],
multi: true
}
],
bootstrap: [AppComponent]
})
export class AppModule { }// thirds
UMeditorModule.forRoot(),
UEditorModule.forRoot({
// **注：** 建议使用本地路径；以下为了减少 ng-alain 脚手架的包体大小引用了CDN，可能会有部分功能受影响
js: [
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.config.js`,
`//apps.bdimg.com/libs/ueditor/1.4.3.1/ueditor.all.min.js`,
],
options: {
UEDITOR_HOME_URL: `//apps.bdimg.com/libs/ueditor/1.4.3.1/`,
serverUrl: '/api/media/upload',
lang: 'zh-cn'
},
}),
NgxTinymceModule.forRoot({
baseURL: '//cdn.bootcss.com/tinymce/4.7.4/',
}),
// JSON-Schema form
JsonSchemaModule,
],
providers: [
{ provide: LOCALE_ID, useValue: 'zh-Hans' },
{ provide: HTTP_INTERCEPTORS, useClass: DefaultInterceptor, multi: true },
{ provide: ALAIN_I18N_TOKEN, useClass: I18NService, multi: false },
StartupService,
{
provide: APP_INITIALIZER,
useFactory: StartupServiceFactory,
deps: [StartupService],
multi: true,
},
