https://github.com/sainingo/notion-like-editor-js

A simple vanilla Js notion-like-editor
https://github.com/sainingo/notion-like-editor-js

Last synced: 5 months ago
JSON representation

A simple vanilla Js notion-like-editor

• Host: GitHub
• URL: https://github.com/sainingo/notion-like-editor-js
• Owner: sainingo
• Created: 2023-12-23T18:13:08.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-23T18:28:37.000Z (over 2 years ago)
• Last Synced: 2025-01-13T15:16:19.909Z (over 1 year ago)
• Language: HTML
• Homepage: https://sainingo.github.io/notion-like-editor-js/
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Front End Developer Test Notion like editor

> This is a vanilla JS based text editor that allows a user to add and style content on the fly without leaving the keyboard.

![Screenshot from 2023-12-23 21-04-28](https://github.com/sainingo/notion-like-editor-js/assets/32932447/1b548ee3-846a-4397-b0dd-991e647011f0)

## How it works?

A user has to click the slash followed by 1 command and a set of style will appear / 1

![Screenshot from 2023-12-23 21-04-42](https://github.com/sainingo/notion-like-editor-js/assets/32932447/fd9a9888-77c8-412b-a51b-96495614dba0)

> A user can as well use the following commands:

- simply by typing / then 1, then typing text, and hitting enter

  ![Screenshot from 2023-12-23 21-04-13](https://github.com/sainingo/notion-like-editor-js/assets/32932447/c93b7f49-02f4-4504-a74a-8a4491ae96b3)

## Technologies used

1.  Vanilla JS

2.  html

3.  css

## How to run

- git clone 

- use a live-server to run