diff --git a/README.md b/README.md index 77b52e4..cda451e 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -# Mono-repository for ngx-jodit & ngx-jodit-pro +# ngx-jodit & ngx-jodit-pro -If you want to use Jodit (free) you need to install ngx-jodit and for Jodit (Pro/Multi/OEM) you need to install ngx-jodit-pro. See the compatibility tables below for more information. +Angular wrapper for jodit and jodit-pro WYSIWYG editor supporting Angular >=12 and ESM. ## About this repository @@ -8,7 +8,7 @@ There is no affiliation with Jodit. ngx-jodit and ngx-jodit-pro are under MIT-Li ## ngx-jodit -Angular wrapper for Jodit WYSIWYG editor. +Angular wrapper for Jodit WYSIWYG editor (free). If you want to use Jodit Pro/Multi/OEM see ngx-jodit-pro below. ### Compatibility table diff --git a/apps/demo/src/app/app.component.html b/apps/demo/src/app/app.component.html index ef83406..7b37ff6 100644 --- a/apps/demo/src/app/app.component.html +++ b/apps/demo/src/app/app.component.html @@ -1,30 +1,43 @@ -
- -
-

- ngx-jodit 3.x npm -

-

- Angular wrapper for Jodit WYSIWYG - editor. It supports Angular >= 16. Fore more information about installation, - use, options and events see Github - README. -

+
+ + ngx-jodit v3 + npm + + - -

Options

-

- All - options - from Jodit are supported. Plugins are not supported in this demo because you have to import it in your Typescript - code (more information). - The options are set via two-way data-binding. Insert - your options as JSON to test it. -

-

- For example you can insert {"disabled": true} -

- + +
+ +
+

+ Angular wrapper for Jodit WYSIWYG + editor. It supports Angular >= 16. Fore more information about installation, + use, options and events see Github + README. +

+ + +

Options

+

+ All + options + from Jodit are supported. Plugins are not supported in this demo because you have to import it in your Typescript + code (more + information). + The options are set via two-way data-binding. Insert + your options as JSON to test it. +

+

+ For example you can insert {"disabled": true} +

+ +
diff --git a/apps/demo/src/app/app.module.ts b/apps/demo/src/app/app.module.ts index 775fbc9..82cc495 100644 --- a/apps/demo/src/app/app.module.ts +++ b/apps/demo/src/app/app.module.ts @@ -1,13 +1,12 @@ -import { NgModule } from '@angular/core'; -import { BrowserModule } from '@angular/platform-browser'; +import {NgModule} from '@angular/core'; +import {BrowserModule} from '@angular/platform-browser'; -import { AppComponent } from './app.component'; -import { NxWelcomeComponent } from './nx-welcome.component'; -import { NgxJoditComponent } from 'ngx-jodit'; -import { FormsModule } from '@angular/forms'; +import {AppComponent} from './app.component'; +import {NgxJoditComponent} from 'ngx-jodit'; +import {FormsModule} from '@angular/forms'; @NgModule({ - declarations: [AppComponent, NxWelcomeComponent], + declarations: [AppComponent], imports: [BrowserModule, NgxJoditComponent, FormsModule], providers: [], bootstrap: [AppComponent], diff --git a/apps/demo/src/app/nx-welcome.component.ts b/apps/demo/src/app/nx-welcome.component.ts deleted file mode 100644 index 80ce4d5..0000000 --- a/apps/demo/src/app/nx-welcome.component.ts +++ /dev/null @@ -1,850 +0,0 @@ -import { Component, OnInit, ViewEncapsulation } from '@angular/core'; - -/* eslint-disable */ - -@Component({ - selector: 'jodit-nx-welcome', - template: ` - - -
-
- -
-

- Hello there, - Welcome demo 👋 -

-
- - -
-
-

- - - - You're up and running -

- What's next? -
-
- - - -
-
- - -
- - -
- - -
-

Next steps

-

Here are some things you can do with Nx:

-
- - - - - Add UI library - - 
# Generate UI lib
-nx g @nx/angular:lib ui
-
-# Add a component
-nx g @nx/angular:component button --project ui
-
-
- - - - - View interactive project graph - - 
nx graph
-
-
- - - - - Run affected commands - - 
# see what's been affected by changes
-nx affected:graph
-
-# run tests for current changes
-nx affected:test
-
-# run e2e tests for current changes
-nx affected:e2e
-
-
- -

- Carefully crafted with - - - -

-
-
- `, - styles: [], - encapsulation: ViewEncapsulation.None, -}) -export class NxWelcomeComponent implements OnInit { - constructor() {} - - ngOnInit(): void {} -} diff --git a/apps/demo/src/index.html b/apps/demo/src/index.html index cec4ba4..a9ee005 100644 --- a/apps/demo/src/index.html +++ b/apps/demo/src/index.html @@ -4,7 +4,7 @@ ngx-jodit-demo - + diff --git a/apps/demo/src/styles.scss b/apps/demo/src/styles.scss index 90d4ee0..e69de29 100644 --- a/apps/demo/src/styles.scss +++ b/apps/demo/src/styles.scss @@ -1 +0,0 @@ -/* You can add global styles to this file, and also import other style files */