Edkit

Lightweight Rich Text Editor toolkit based on [TypeScript][1]

![NPM Dependency][2]
![CI & CD][3]

![NPM][4]

Demo

https://idea2app.github.io/Edkit/React/

Usage

$3

1. React + Bootstrap
2. WebCell + Bootstrap

$3

Example with React

Features

$3

@editor is compatible with [Web components][5], [React][6] & other kinds of class components.

#### Web components

``tsx
import { EditorComponent, editor } from 'edkit';

export interface HTMLEditor extends EditorComponent {}

@editor
export class HTMLEditor extends HTMLElement implements EditorComponent {
// your class members...
}
`

#### React

`tsx
import { Component } from 'react';
import { editor, EditorComponent } from 'edkit';

export interface HTMLEditor extends EditorComponent {}

@editor
export class HTMLEditor extends Component implements EditorComponent {
// your class members...
}
``

$3

#### Text

1. Bold
2. Italic
3. Underline
4. Strike through
5. H1
6. H2
7. H3
8. Font Size down
9. Font Size up
10. Subscript
11. Superscript
12. Link

#### Color

1. Fore Color
2. Back Color

#### Layout

1. Align Left
2. Align Center
3. Align Right
4. Align Full
5. Ordered list
6. Unordered list
7. Horizontal rule

#### Media

1. Embed Web page
2. Image
3. Audio
4. Video

#### Control

1. Undo
2. Redo
3. Reset
4. Clear

#### Extra

1. Copy Markdown

[1]: https://www.typescriptlang.org/
[2]: https://libraries.io/npm/edkit
[3]: https://github.com/idea2app/Edkit/actions/workflows/main.yml
[4]: https://nodei.co/npm/edkit/
[5]: https://www.webcomponents.org/
[6]: https://react.dev/