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.

github ng-alain / delon / src / app / routes / editor / editor.module.ts View on Github external
@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 { }
github ng-alain / delon / src / app / app.module.ts View on Github external
}

@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,
github vellengs / nestx / src / client / app / app.module.ts View on Github external
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: true
github zLulus / NotePractice / Website / DotNetCore / CoreNgAlain / src / app / app.module.ts View on Github external
useFactory: 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],
github ng-alain / delon / site / app / app.module.ts View on Github external
): 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
    })
  ],
github vellengs / typerx / packages / client / src / app / app.module.ts View on Github external
// 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,
        },
github DonaldTdz / GAWeChat / ng-admin / src / app / admin / marketting / marketting.module.ts View on Github external
import { ExperienceDetailComponent } from "./experience-share/experience-detail/experience-detail.component";
import { ContributeDetailComponent } from "./contribute-management/contribute-detail/contribute-detail.component";
import { NgxTinymceModule } from 'ngx-tinymce';
import { EditorModule } from '@tinymce/tinymce-angular';
import { ExhibitionComponent } from "./exhibition/exhibition.component";
import { ExhibitionDetailComponent } from "./exhibition/exhibition-detail/exhibition-detail.component";
import { DataStatisticsComponent } from "./data-statistics/data-statistics.component";
import { DataStatisticsDetailComponent } from "./data-statistics/data-statistics-detail/data-statistics-detail.component";

@NgModule({
    imports: [
        SharedModule,
        LayoutModule,
        MarkettingRoutingModule,
        EditorModule,// <- Important part
        NgxTinymceModule.forRoot({
            baseURL: './assets/tinymce/',
        })
    ],
    declarations: [
        EmployeesComponent,
        CreateEmployeeComponent,
        EditEmployeeComponent,
        ActivityComponent,
        ActivityDetailComponent,
        ExperienceShareComponent,
        ExperienceDetailComponent,
        ContributeManagementComponent,
        ContributeDetailComponent,
        ExhibitionComponent,
        ExhibitionDetailComponent,
        DataStatisticsComponent,
github cipchk / nz-schema-form / src / app / app.module.ts View on Github external
]
        }
    ], 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 { }
github vellengs / nestx / packages / clients / nest-angular / src / app / app.module.ts View on Github external
// 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,
        },

ngx-tinymce

Angular for tinymce

MIT
Latest version published 2 months ago

Package Health Score

72 / 100
Full package analysis

Popular ngx-tinymce functions