edkit
TypeScript icon, indicating that this package has built-in type declarations

1.2.1 • Public • Published

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

Package Sidebar

Install

npm i edkit

Weekly Downloads

131

Version

1.2.1

License

LGPL-3.0

Unpacked Size

214 kB

Total Files

18

Last publish

Collaborators

  • tech_query