WYSIWYG Editor

(What you see is what you get) Editor, demo

What & Why ?

A Text editor is a crucial tool in many web apps and web applications. It can be used in variety of scenarios like custom messages, blog posts, descriptions of E-commerce items, and more.

I decided to build my own editor, so I can customize it to my needs and made sure it's upgradable and customizable.

Features

It has a lot of features, here is a list of them :

Headings : H1-H6

• Bullet list with deep lists
• like that
• and even that

you can customize the lists styles as you wish.

1. there is numbered list
1. deep numbered with 
1. even more deep with lower roman
2. ...

// there arecode blocks

console.log("hello world");

It has inline styles : Bold, Italic, Underline, Monospace

You can add Images with their links, here is a visual look of the editor :

You can also paste or insert link into text, github repo .

In addition, there are keyboard shortcuts, undo and redo buttons.

There is also a quote which is cool.