What is Draft?

Draft is an open source rich text editor developed on the React framework that can be used in both web apps and mobile apps.

 

Why use Draft?

Draft provides a powerful rich text editor framework that allows developers to easily build their own rich text editors, as well as some commonly used features and plugins, such as undo, redo, image upload, link insertion, and so on.

 

Draft's design idea is to store the state of the editor as an immutable data structure , this data structure is called ContentState. when the user performs editing operations , Draft will be based on the ContentState to generate a new state , and automatically handle DOM updates. This design makes Draft very efficient , and can avoid many common rich-text editor problems , such as cursor jumping , style errors and so on.

 

Draft also provides a React-based UI library that allows developers to quickly build their own rich text editor interface. This UI library includes many common UI components , such as buttons , drop-down boxes , dialog boxes , etc., and these components are highly customizable to adapt to different application scenarios .

 

How to access Draft?

Just click the Open URL button above.