Skip to content

shahadat-dev/slate.js-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

slate.js demo

A demo project of creating a rich text editor using Slate.js and React.js

Toolbar

List

Indentation for tab key and revert for shift + tab key

Ordered List

Make selected paragraphs into an ordered list.

Un-ordered List

Make selected paragraphs into an unordered list.

Image

Supports drag and drop

Upload from URL

Clicking this icon will pop up a window for a link. Copy a link from a web and paste here. It will add the image inside the editor.

Upload from the file browser

Upload an image from your local drive to add to the editor.

Block Limit

By default it is unlimited. You can change it. It will affect the "save button" next to it. Save button will be disabled if you enter more blocks at your editor than allowed number.

Save

This will save your document at local storage. If you reload your browser, your file should be unchanged, if you save before reloading.

Cancel

This will cancel your changes and revert your document as last saved one.

About

A rich text editor using Slate.js & React.js. Live demo at https://shahadat-dev.github.io/slate.js-demo/

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published