ngx-markdown#MarkdownModule TypeScript Examples

The following examples show how to use ngx-markdown#MarkdownModule. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: app.module.ts From TypeFast with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    TyperComponent,
    TimePipe,
    PreferencesComponent,
    PopperDirective,
    IncorrectWordComponent,
    AboutComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    MarkdownModule.forRoot({ loader: HttpClient }),
  ],
  providers: [WordService, PreferencesService, ThemeService, LanguageService],
  bootstrap: [AppComponent],
})
export class AppModule {
  constructor(private themeService: ThemeService) {}
}

Example #2

Source File: layout.module.ts From dbm with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    LayoutComponent,
    HeaderComponent
  ],
  imports: [
    LayoutRouting,
    FormsModule,
    CommonModule,
    NgZorroAntdModule,
    MarkdownModule.forRoot(),
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: httpLoaderFactory,
        deps: [HttpClient]
      }
    })
  ],
  providers: [
    BasicService,
    DatasourceService,
    HttpService,
    SshService,
    PrestoService,
    FactoryService
  ]
})
export class LayoutModule {
}

Example #3

Source File: about.module.ts From RcloneNg with MIT License

6 votes

@NgModule({
	declarations: [AboutComponent],
	imports: [
		CommonModule,
		AboutRoutingModule,
		HttpClientModule,
		MarkdownModule.forRoot({ loader: HttpClient }),
		NbCardModule,
	],
})
export class AboutModule {}

Example #4

Source File: app.module.ts From OrchardSkills.OrchardCore.Headless with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent,
    BlogContentComponent,
    BlogComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    RouterModule,
    GraphQLModule,
    HttpClientModule,
    NgxPaginationModule,
    HttpClientModule,
    MarkdownModule.forRoot({
      loader: HttpClient,
      markedOptions: {
        provide: MarkedOptions,
        useValue: {
          gfm: true,
          tables: true,
          breaks: true,
          pedantic: false,
          sanitize: true,
          smartLists: true,
          smartypants: true,
        }
      }
    }),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #5

Source File: markdown-previewer.module.ts From nghacks with MIT License

6 votes

@NgModule({
  declarations: [
    MarkdownPreviewerComponent,
    MarkdownDialogPreviewComponent
  ],
  imports: [
    CommonModule,
    MatButtonModule,
    MatDialogModule,
    MatProgressSpinnerModule,
    MarkdownModule.forRoot({ loader: HttpClient }),
    RouterModule
  ],
  exports: [
    MarkdownPreviewerComponent
  ]
})
export class MarkdownPreviewerModule { }

Example #6

Source File: app.module.ts From fab-menu with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule.withServerTransition({appId: 'serverApp'}),
    BrowserAnimationsModule,
    HttpClientModule,
    FormsModule,
    FlexLayoutModule,
    Angulartics2Module.forRoot(),
    MarkdownModule.forRoot(),
    MatFabMenuModule,
    MatCardModule,
    MatRadioModule,
    MatSlideToggleModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

Example #7

Source File: shared.module.ts From ledge with Mozilla Public License 2.0

6 votes

@NgModule({
  imports: [
    CommonModule,
    RouterModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    CustomMaterialModule,
    LedgeRenderModule,
    LedgeViewModule,
    TranslateModule,
    MarkdownModule.forRoot({
      sanitize: SecurityContext.NONE,
      loader: HttpClient,
      markedOptions: {
        provide: MarkedOptions,
        useValue: {
          gfm: true,
          breaks: false,
          pedantic: false,
          smartLists: true,
          smartypants: false,
          langPrefix: 'language-',
          headerPrefix: '',
          headerIds: true,
        },
      },
    }),
  ],
  declarations: [],
  providers: [],
  exports: [LedgeViewModule],
  entryComponents: [],
})
export class SharedModule {}

Example #8

Source File: app.module.ts From strapi-starter-angular-blog with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    NavComponent,
    ArticlesComponent,
    ArticleComponent,
    CategoryComponent
  ],
  imports: [
    MarkdownModule.forRoot(),
    RouterModule.forRoot(appRoutes, { enableTracing: true }),
    BrowserModule,
    AppRoutingModule,
    GraphQLModule,
    HttpClientModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #9

Source File: app.module.ts From App with MIT License

5 votes

@NgModule({
	declarations: [
		AppComponent,
		NavigationComponent,
		EditorDialogComponent,
		UpdateDialogComponent,
		ChangelogDialogComponent,
		NotifyButtonComponent
	],
	imports: [
		BrowserModule.withServerTransition({ appId: 'serverApp' }),
		AppRoutingModule,
		BrowserAnimationsModule,
		HttpClientModule,
		MaterialModule,
		UtilModule,
		NgbModule,
		MatSnackBarModule,
		NotificationModule,
		MarkdownModule.forRoot(),
		ServiceWorkerModule.register('ngsw-worker.js', {
			enabled: environment.serviceWorker,
			// Register the ServiceWorker as soon as the app is stable
			// or after 30 seconds (whichever comes first).
			registrationStrategy: 'registerImmediately',
		})
	],
	providers: [
		CallbackGuard,
		CookieService
	],
	bootstrap: [AppComponent]
})
export class AppModule {
	constructor(
		injector: Injector
	) {
		setAppInjector(injector);
	}
}

Example #10

Source File: app.module.ts From bulwark with MIT License

5 votes

@NgModule({
  declarations: [
    AppComponent,
    NavbarComponent,
    DashboardComponent,
    OrganizationComponent,
    AssessmentsComponent,
    VulnerabilityComponent,
    OrgFormComponent,
    AssetFormComponent,
    VulnFormComponent,
    FooterComponent,
    AssessmentFormComponent,
    ReportComponent,
    PageNotFoundComponent,
    LoginComponent,
    ForgotPasswordComponent,
    PasswordResetComponent,
    InviteUserComponent,
    AdministrationComponent,
    RegisterComponent,
    UserProfileComponent,
    SettingsComponent,
    EmailValidateComponent,
    UserManagementComponent,
    TeamComponent,
    TeamFormComponent,
    UserFormComponent,
    ApikeyManagementComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    HttpClientModule,
    ReactiveFormsModule,
    MarkdownModule.forRoot(),
    AlertModule,
    NgSelectModule,
    TableModule,
    InputTextModule,
    MultiSelectModule,
    CalendarModule,
    ProgressSpinnerModule,
    ButtonModule,
    CardModule,
    ChartModule,
    PasswordModule,
    SelectButtonModule,
    ListboxModule,
    DialogModule,
  ],
  providers: [
    AppService,
    DatePipe,
    LoaderService,
    { provide: HTTP_INTERCEPTORS, useClass: AppInterceptor, multi: true },
    AuthGuard,
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

Example #11

Source File: app.module.ts From tuxedo-control-center with GNU General Public License v3.0

5 votes

@NgModule({
  declarations: [
    AppComponent,
    ProfileManagerComponent,
    SupportComponent,
    ProfileOverviewTileComponent,
    ProfileDetailsEditComponent,
    InfoComponent,
    CpuDashboardComponent,
    GlobalSettingsComponent,
    ShutdownTimerComponent,
    ToolsComponent,
    ChangeCryptPasswordComponent,
    FanGraphComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    NgxElectronModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpClientModule,
    ReactiveFormsModule,
    MatSidenavModule,
    MatToolbarModule,
    MatListModule,
    MatIconModule,
    MatTableModule,
    MatFormFieldModule,
    MatSelectModule,
    MatButtonModule,
    MatCardModule,
    MatChipsModule,
    MatExpansionModule,
    MatInputModule,
    MatTooltipModule,
    MatCheckboxModule,
    MatDividerModule,
    MatSliderModule,
    MatGridListModule,
    MatStepperModule,
    MatButtonToggleModule,
    MatProgressBarModule,
    MatProgressSpinnerModule,
    MarkdownModule.forRoot(),
    OverlayModule,
    GaugeModule.forRoot(),
    ChartsModule
  ],
  providers: [
    DecimalPipe,
    ThemeService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #12

Source File: app.module.ts From attack-workbench-frontend with Apache License 2.0

4 votes

@NgModule({
  declarations: [
    AppComponent,

    HeaderComponent,
    FooterComponent,
    LoadingOverlayComponent,
    ToolbarComponent,
    ResourcesDrawerComponent,
    SubheadingComponent,
    ConfirmationDialogComponent,
    EmptyListMarkerComponent,
    MarkdownViewDialogComponent,
    CollectionImportSummaryComponent,
    SaveDialogComponent,
    AddDialogComponent,
    HistoryTimelineComponent,
    ReferenceManagerComponent,
    ReferenceEditDialogComponent,
    MultipleChoiceDialogComponent,
    ValidationResultsComponent,
    AddRelationshipButtonComponent,
    
    StixListComponent,

    DescriptivePropertyComponent,
    DescriptiveViewComponent,
    DescriptiveEditComponent,
    DescriptiveDiffComponent,
    ExternalReferencesPropertyComponent,
    ExternalReferencesViewComponent,
    ExternalReferencesDiffComponent,
    TimestampPropertyComponent,
    TimestampViewComponent,
    TimestampDiffComponent,
    AttackIDPropertyComponent,
    AttackIDEditComponent,
    AttackIDViewComponent,
    ListPropertyComponent,
    ListEditComponent,
    ListViewComponent,
    VersionPropertyComponent,
    VersionEditComponent,
    VersionViewComponent,
    NamePropertyComponent,
    IconViewComponent,
    
    LandingPageComponent,
    HelpPageComponent,
    AdminPageComponent,
    OrgIdentityPageComponent,

    StixDialogComponent,
    StixPageComponent,
    
    CollectionListComponent,
    CollectionViewComponent,
    CollectionManagerComponent,
    CollectionIndexListComponent,
    CollectionIndexViewComponent,
    CollectionIndexImportComponent,
    CollectionImportComponent,
    CollectionImportReviewComponent,
    CollectionImportErrorComponent,
    // CollectionExportComponent,
    
    RelationshipViewComponent,

    GroupListComponent,
    GroupViewComponent,

    MatrixListComponent,
    MatrixViewComponent,

    MitigationListComponent,
    MitigationViewComponent,

    SoftwareListComponent,
    SoftwareViewComponent,

    TacticListComponent,
    TacticViewComponent,

    TechniqueListComponent,
    TechniqueViewComponent,
    AliasPropertyComponent,
    AliasViewComponent,
    AliasEditComponent,
    AliasEditDialogComponent,
    OrderedListPropertyComponent,
    OrderedListViewComponent,
    OrderedListEditComponent,

    NotesEditorComponent,
    ObjectStatusComponent,
    IdentityPropertyComponent,
    DataSourceViewComponent,
    DataSourceListComponent,
    DataComponentViewComponent
  ],
  imports: [
    BreadcrumbModule,
    MaterialFileInputModule,
    MarkdownModule.forRoot({
      loader: HttpClient, 
    //   toggle this to disable github flavored markdown
    //   markedOptions: {
    //     provide: MarkedOptions,
    //     useValue: {
    //       pedantic: true
    //     }
    //   }
    }),
    LoggerModule.forRoot({
        level: environment.log_level,
        disableConsoleLogging: false
    }),
    PopoverModule,
    NgxJdenticonModule,
    
    BrowserModule,

    AppRoutingModule,
    AppRoutingStixModule,
    HttpClientModule,
    
    BrowserAnimationsModule,

    MatToolbarModule,
    MatButtonModule,
    MatSidenavModule,
    MatIconModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatTabsModule,
    MatTooltipModule,
    MatButtonToggleModule,
    MatCardModule,
    MatDividerModule,
    MatStepperModule,
    MatFormFieldModule,
    MatListModule,
    FormsModule, ReactiveFormsModule,
    MatInputModule,
    MatSelectModule,
    MatExpansionModule,
    MatCheckboxModule,
    MatRadioModule,
    MatProgressSpinnerModule,
    MatMenuModule,
    MatDialogModule,
    MatSnackBarModule,
    MatChipsModule,
    MatDatepickerModule,
    MatNativeDateModule,
    DragDropModule,
    ClipboardModule,

    OverlayModule
  ],
  exports: [
    MatToolbarModule,
    MatButtonModule,
    MatSidenavModule,
    MatIconModule,
    MatTableModule,
    MatSortModule,
    MatPaginatorModule,
    MatTabsModule,
    MatTooltipModule,
    MatButtonToggleModule,
    MatCardModule,
    MatDividerModule,
    MatStepperModule,
    MatFormFieldModule,
    FormsModule, ReactiveFormsModule,
    MatInputModule,
    MatSelectModule,
    MatExpansionModule,
    MatCheckboxModule,
    MatRadioModule,
    MatProgressSpinnerModule,
    MatMenuModule,
    MatDialogModule,
    MatSnackBarModule,
    DragDropModule,
    ClipboardModule,

    OverlayModule
  ],
  providers: [
    {
        provide: JDENTICON_CONFIG,
        useValue: {
          lightness: {
            color: [0.35, 0.60],
            grayscale: [0.35, 0.60],
          },
          saturation: {
            color: 0.50,
            grayscale: 0.50,
          },
          backColor: '#0000',
        },
      },
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }