Edkit

Edkit

Lightweight Rich Text Editor toolkit based on TypeScript

NPM Dependency CI & CD

NPM

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