How to use angular-froala-wysiwyg - 10 common examples
To help you get started, we’ve selected a few angular-froala-wysiwyg 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.
MuzikaFoundation / muzika-platform / projects / web / src / modules / post / post.module.ts View on Github 
@NgModule({
imports: [
/* Angular Modules */
BrowserModule,
FormsModule,
ReactiveFormsModule,
/* Muzika Modules */
MuzikaCommonModule,
MuzikaCoreModule,
/* Material & Bootstrap Modules */
MatButtonModule,
NgxUploaderModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
/* Dependencies */
SharedModule,
AppPostRouteModule,
],
declarations: [
PostListItemComponent,
PostMusicComponent,
PostItemDetailHeaderComponent,
PostCommentComponent,
YoutubeVideoCellComponent,
/* Pages */
PostCommunityListComponent,@NgModule({
imports: [
/* Angular Modules */
BrowserModule,
FormsModule,
ReactiveFormsModule,
/* Muzika Modules */
MuzikaCommonModule,
MuzikaCoreModule,
/* Material & Bootstrap Modules */
MatButtonModule,
NgxUploaderModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
/* Dependencies */
SharedModule,
AppPostRouteModule,
],
declarations: [
PostListItemComponent,
PostMusicComponent,
PostItemDetailHeaderComponent,
PostCommentComponent,
YoutubeVideoCellComponent,
/* Pages */
PostCommunityListComponent,
PostCommunityItemDetailComponent,@NgModule({
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
MuzikaCommonModule,
AppPostRouteModule,
MuzikaCoreModule,
MatButtonModule,
NgxUploaderModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot()
],
declarations: [
PostListItemComponent,
PostMusicComponent,
PostItemDetailHeaderComponent,
PostSheetItemDetailComponent,
PostCommentComponent,
YoutubeVideoCellComponent,
PostLayoutComponent,
PostLayoutTopbarComponent,
/* Pages */import { PostNotReadyComponent } from './pages/post-not-ready/post-not-ready.component';
@NgModule({
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
MuzikaCommonModule,
AppPostRouteModule,
MuzikaCoreModule,
MatButtonModule,
NgxUploaderModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot()
],
declarations: [
PostListItemComponent,
PostMusicComponent,
PostItemDetailHeaderComponent,
PostSheetItemDetailComponent,
PostCommentComponent,
YoutubeVideoCellComponent,
PostLayoutComponent,
PostLayoutTopbarComponent,import {HTTP_INTERCEPTORS} from '@angular/common/http';
import {PostListComponent} from './post.list.component';
import {PostEditComponent} from './post.edit.component';
import {FroalaEditorModule, FroalaViewModule} from "angular-froala-wysiwyg";
import {PostViewComponent} from './post.view.component';
@NgModule({
declarations: [
PostListComponent,
PostEditComponent,
PostViewComponent,
],
imports: [
routing,
SharedModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
],
providers: [
PostService,
{
provide: HTTP_INTERCEPTORS,
useClass: AuthInterceptor,
multi: true,
},
],
exports: [],
})
export class PostModule {
}import { NgxDatatableModule } from '@swimlane/ngx-datatable';
import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
import { PostComponent } from './post.component';
import { PostWritingComponent } from './post-writing.component';
import { PostWritingTagDialogComponent } from './post-writing-tag-dialog.component';
import { PostDeletionDialogComponent } from './post-deletion-dialog.component';
import { PostSearchDialogComponent } from './post-search-dialog.component';
@NgModule({
imports: [
CommonModule,
FlexLayoutModule,
FormsModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
ReactiveFormsModule,
RouterModule,
NgxDatatableModule,
MatButtonModule,
MatChipsModule,
MatDatepickerModule,
MatDialogModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
MatMenuModule,
MatSelectModule,
MatMomentDateModule
],
declarations: [beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
PostListComponent,
PostEditComponent,
PostViewComponent
],
imports: [
routing,
SharedModule,
RouterTestingModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
],
providers: [
AuthService,
UserService,
PostService,
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
.compileComponents();
}));beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [
PostListComponent,
PostEditComponent,
PostViewComponent
],
imports: [
routing,
SharedModule,
RouterTestingModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
],
providers: [
AuthService,
UserService,
PostService,
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
.compileComponents();
}));import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
import { PostComponent } from './post.component';
import { PostWritingComponent } from './post-writing.component';
import { PostWritingTagDialogComponent } from './post-writing-tag-dialog.component';
import { PostDeletionDialogComponent } from './post-deletion-dialog.component';
import { PostSearchDialogComponent } from './post-search-dialog.component';
@NgModule({
imports: [
CommonModule,
FlexLayoutModule,
FormsModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
ReactiveFormsModule,
RouterModule,
NgxDatatableModule,
MatButtonModule,
MatChipsModule,
MatDatepickerModule,
MatDialogModule,
MatFormFieldModule,
MatIconModule,
MatInputModule,
MatMenuModule,
MatSelectModule,
MatMomentDateModule
],
declarations: [
PostComponent,import {PostListComponent} from './post.list.component';
import {PostEditComponent} from './post.edit.component';
import {FroalaEditorModule, FroalaViewModule} from "angular-froala-wysiwyg";
import {PostViewComponent} from './post.view.component';
@NgModule({
declarations: [
PostListComponent,
PostEditComponent,
PostViewComponent,
],
imports: [
routing,
SharedModule,
FroalaEditorModule.forRoot(),
FroalaViewModule.forRoot(),
],
providers: [
PostService,
{
provide: HTTP_INTERCEPTORS,
useClass: AuthInterceptor,
multi: true,
},
],
exports: [],
})
export class PostModule {
}
