Edkit

Lightweight Rich Text Editor toolkit based on TypeScript

Demo

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

Usage

Application developers

1. React + Bootstrap
2. WebCell + Bootstrap

Library developers

Example with React

Features

Editor class decorator

@editor is compatible with Web components, React & other kinds of class components.

Web components

import { EditorComponent, editor } from 'edkit';

export interface HTMLEditor extends EditorComponent {}

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

React

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...
}

Tool base classes

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