-
Notifications
You must be signed in to change notification settings - Fork 1
Developer Overview
Scribe is a react project broken up into different components each responsible for a different function of the tool. It uses facebook's draft.js api for managing the rich text editing. This is how the tool is able to "decorate" each letter typed based on the disambiguation rules. The output is generated to the OutputBox on the right of the screen. In the middle there is a basic image uploader.
The react router manages the different pages including "About", "App", "JSONConcat" and "NotFound." The magic happens in App.js where you'll find the <Transcribe> component. This component renders all of the major building blocks of the tool - the InputBox, the Image Uploader, and the OutoutBox. Along with the KeyBoard selector and File Saver + Uploader.
Draft.js is a text editing framework for react. It works by maintaining a central EditorState for the input area which holds a snapshot of the complete state of the editor. This includes undo/redo history, the contents, cursor position and more.