mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
* [AAE-9373] Create adf-rich-text-editor into core library, install editorjs and import it into the component, add a basic editorjs configuration * [AAE-9374] create a rich text editor demo page * [AAE-9376] Install header to provide headings blocks * [AAE-9376] Install editorjs List plugin to add ordered and unordered list * [AAE-9376] Install text color plugin to change text color and highlight text * [AAE-9376] Install paragraph plugin to set text alignment to right, left, center and justify * [AAE-9376] Install font size plugin to increase/decrease font size * [AAE-9376] Install @editorjs/underline plugin to underline text * [AAE-9376] Install @editorjs/inline-code to marking code-fragments * [AAE-9376] Set shortcut to underline text * [AAE-9376] Install @editorjs/code to add code examples * [AAE-9376] Enable custom picker to color text changer, add colors codes * [AAE-9376] Add input to fill rich text editor data * [AAE-9376] Demo rich text editor, add sample data to display editor content * [AAE-9376] Demo rich text editor, add sample data to display editor content * [AAE-9376] Install @editorjs/marker plugin to highlight the text, because color plugin doesn't save marker style * [AAE-9373] Send editor text output data onReady and onChange * [AAE-9374] Update editor demo page to show the output on the right side of the page * [AAE-9373] Allow to enable editorjs readOnly mode * [AAE-9373] Return rich text editor save data as promise * [AAE-9480] Add new display-rich-text widget to allow the user add Rich Text into a form * [AAE-9371] Add readonly class if readOnly property is true to remove the editor 300px padding bottom in readonly mode, set a dynamic id to editorjs * [AAE-9371] Destroy editorInstance on component destroy to FIX an error faced when there are multiple editorjs instance in the same page --> Uncaught TypeError: Cannot read property 'updateCurrentInput' of undefined * [AAE-9480] Install editorjs-html utility to parse editorjs clean data to HTML * [AAE-9480] parse editorjs data to HTML to avoid to create a new EditorJS instance for every single widget and improve performance * [AAE-9480] Set pre styles to show show Code block styles correctly * [AAE-9480] Remove space between rules * [AAE-9480] Set editorjs and plugins fixed versions * [AAE-9480] Removed unused editorjs dependency * [AAE-9371] Set is ready property when editor instance is ready, check if is ready to destroy the instance on component destroy * [AAE-9480] Add parse editorjs data to html Test * [AAE-9371] Send rich-text-editor component data only if readOnly mode is false * [AAE-9480] Test if display-rich-text widget is resolved * [AAE-9480] Rename DisplayRichTextComponent into DisplayRichTextWidgetComponent to be compliant with other widget component names * [AAE-9480] update Readme files with DisplayRichTextWidgetComponent * [AAE-9371] Update header text * [AAE-9371] Add Rich text editor component usage documentation * [AAE-9480] Add padding to the widget container * [AAE-9371] Remove plugin that align pragraph text since editorjs-html parser doesn't handle paragraph alignment * [AAE-9371] Set editor autofocus to true * [AAE-9480] Add a display-rich-text widget example to demo cloud form * [AAE-9371] Fix lint issue * [AAE-9371] Remove duplicated import to fix import module issue in a lib build job
185 lines
6.7 KiB
TypeScript
185 lines
6.7 KiB
TypeScript
/*!
|
|
* @license
|
|
* Copyright 2019 Alfresco Software, Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { CommonModule } from '@angular/common';
|
|
import { APP_INITIALIZER, NgModule, ModuleWithProviders } from '@angular/core';
|
|
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
import { TranslateModule, TranslateLoader, TranslateStore, TranslateService } from '@ngx-translate/core';
|
|
|
|
import { MaterialModule } from './material.module';
|
|
import { AboutModule } from './about/about.module';
|
|
import { AppConfigModule } from './app-config/app-config.module';
|
|
import { CardViewModule } from './card-view/card-view.module';
|
|
import { ContextMenuModule } from './context-menu/context-menu.module';
|
|
import { DataColumnModule } from './data-column/data-column.module';
|
|
import { DataTableModule } from './datatable/datatable.module';
|
|
import { InfoDrawerModule } from './info-drawer/info-drawer.module';
|
|
import { LanguageMenuModule } from './language-menu/language-menu.module';
|
|
import { LoginModule } from './login/login.module';
|
|
import { PaginationModule } from './pagination/pagination.module';
|
|
import { HostSettingsModule } from './settings/host-settings.module';
|
|
import { ToolbarModule } from './toolbar/toolbar.module';
|
|
import { UserInfoModule } from './userinfo/userinfo.module';
|
|
import { ViewerModule } from './viewer/viewer.module';
|
|
import { FormBaseModule } from './form/form-base.module';
|
|
import { SidenavLayoutModule } from './layout/layout.module';
|
|
import { CommentsModule } from './comments/comments.module';
|
|
import { ButtonsMenuModule } from './buttons-menu/buttons-menu.module';
|
|
import { TemplateModule } from './templates/template.module';
|
|
import { ClipboardModule } from './clipboard/clipboard.module';
|
|
import { NotificationHistoryModule } from './notifications/notification-history.module';
|
|
import { BlankPageModule } from './blank-page/blank-page.module';
|
|
|
|
import { DirectiveModule } from './directives/directive.module';
|
|
import { DialogModule } from './dialogs/dialog.module';
|
|
import { PipeModule } from './pipes/pipe.module';
|
|
|
|
import { AlfrescoApiService } from './services/alfresco-api.service';
|
|
import { TranslationService } from './services/translation.service';
|
|
import { startupServiceFactory } from './services/startup-service-factory';
|
|
import { SortingPickerModule } from './sorting-picker/sorting-picker.module';
|
|
import { IconModule } from './icon/icon.module';
|
|
import { TranslateLoaderService } from './services/translate-loader.service';
|
|
import { ExtensionsModule } from '@alfresco/adf-extensions';
|
|
import { directionalityConfigFactory } from './services/directionality-config-factory';
|
|
import { DirectionalityConfigService } from './services/directionality-config.service';
|
|
import { SearchTextModule } from './search-text/search-text-input.module';
|
|
import { versionCompatibilityFactory } from './services/version-compatibility-factory';
|
|
import { VersionCompatibilityService } from './services/version-compatibility.service';
|
|
import { AlfrescoJsClientsModule } from '@alfresco/adf-core/api';
|
|
import { LegacyApiClientModule } from './api-factories/legacy-api-client.module';
|
|
import { RichTextEditorModule } from './rich-text-editor/rich-text-editor.module';
|
|
|
|
@NgModule({
|
|
imports: [
|
|
TranslateModule,
|
|
ExtensionsModule,
|
|
AboutModule,
|
|
ViewerModule,
|
|
SidenavLayoutModule,
|
|
PipeModule,
|
|
CommonModule,
|
|
DirectiveModule,
|
|
DialogModule,
|
|
FormsModule,
|
|
ReactiveFormsModule,
|
|
HostSettingsModule,
|
|
UserInfoModule,
|
|
MaterialModule,
|
|
AppConfigModule,
|
|
PaginationModule,
|
|
ToolbarModule,
|
|
ContextMenuModule,
|
|
CardViewModule,
|
|
FormBaseModule,
|
|
CommentsModule,
|
|
LoginModule,
|
|
LanguageMenuModule,
|
|
InfoDrawerModule,
|
|
DataColumnModule,
|
|
DataTableModule,
|
|
ButtonsMenuModule,
|
|
TemplateModule,
|
|
IconModule,
|
|
SortingPickerModule,
|
|
NotificationHistoryModule,
|
|
SearchTextModule,
|
|
BlankPageModule,
|
|
LegacyApiClientModule,
|
|
AlfrescoJsClientsModule,
|
|
RichTextEditorModule
|
|
],
|
|
exports: [
|
|
AboutModule,
|
|
ViewerModule,
|
|
SidenavLayoutModule,
|
|
PipeModule,
|
|
CommonModule,
|
|
DirectiveModule,
|
|
DialogModule,
|
|
ClipboardModule,
|
|
FormsModule,
|
|
ReactiveFormsModule,
|
|
HostSettingsModule,
|
|
UserInfoModule,
|
|
MaterialModule,
|
|
AppConfigModule,
|
|
PaginationModule,
|
|
ToolbarModule,
|
|
ContextMenuModule,
|
|
CardViewModule,
|
|
FormBaseModule,
|
|
CommentsModule,
|
|
LoginModule,
|
|
LanguageMenuModule,
|
|
InfoDrawerModule,
|
|
DataColumnModule,
|
|
DataTableModule,
|
|
TranslateModule,
|
|
ButtonsMenuModule,
|
|
TemplateModule,
|
|
SortingPickerModule,
|
|
IconModule,
|
|
NotificationHistoryModule,
|
|
SearchTextModule,
|
|
BlankPageModule,
|
|
RichTextEditorModule
|
|
]
|
|
})
|
|
export class CoreModule {
|
|
static forRoot(): ModuleWithProviders<CoreModule> {
|
|
return {
|
|
ngModule: CoreModule,
|
|
providers: [
|
|
TranslateStore,
|
|
TranslateService,
|
|
{ provide: TranslateLoader, useClass: TranslateLoaderService },
|
|
{
|
|
provide: APP_INITIALIZER,
|
|
useFactory: startupServiceFactory,
|
|
deps: [
|
|
AlfrescoApiService
|
|
],
|
|
multi: true
|
|
},
|
|
{
|
|
provide: APP_INITIALIZER,
|
|
useFactory: directionalityConfigFactory,
|
|
deps: [ DirectionalityConfigService ],
|
|
multi: true
|
|
},
|
|
{
|
|
provide: APP_INITIALIZER,
|
|
useFactory: versionCompatibilityFactory,
|
|
deps: [ VersionCompatibilityService ],
|
|
multi: true
|
|
}
|
|
]
|
|
};
|
|
}
|
|
|
|
static forChild(): ModuleWithProviders<CoreModule> {
|
|
return {
|
|
ngModule: CoreModule
|
|
};
|
|
}
|
|
|
|
constructor(translation: TranslationService) {
|
|
translation.addTranslationFolder('adf-core', 'assets/adf-core');
|
|
}
|
|
}
|