https://github.com/gokulcodes/ideal-editor-web
A minimal, fast, and distraction-free text editor built for the web. Perfect for taking quick notes, writing drafts, or capturing ideas on the go — all with seamless cloud storage.
https://github.com/gokulcodes/ideal-editor-web
linkedlist n-array reactjs text-editor typescript web
Last synced: about 2 months ago
JSON representation
A minimal, fast, and distraction-free text editor built for the web. Perfect for taking quick notes, writing drafts, or capturing ideas on the go — all with seamless cloud storage.
- Host: GitHub
- URL: https://github.com/gokulcodes/ideal-editor-web
- Owner: gokulcodes
- Created: 2025-04-20T02:42:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-04T12:55:24.000Z (12 months ago)
- Last Synced: 2025-07-04T13:59:19.618Z (12 months ago)
- Topics: linkedlist, n-array, reactjs, text-editor, typescript, web
- Language: TypeScript
- Homepage: https://ideal.gokulcodes.dev
- Size: 11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ideal
A minimal, fast, and distraction-free text editor built for the web. Perfect for taking quick notes, writing drafts, or capturing ideas on the go — all with seamless cloud storage.
## Requirements
- Files & Folders
- Image support
- Cloud / Local storage
- Focus Mode - You & Your Ideal Editor
- Typerace feature
- Next set of word suggession using AI
- All Text, Headings, List, Code, Table formating options
- Hierarchy preview
- Code editor mode
- Notes taking mode
- Search
- Virtualized line rendering
## Algorithm
- Letter & Line storing technique - N-Array Tree using LinkedList pointers
```
class Editor{
head: Line
linePtr: Line
}
class Line{
letterHead: Letter
letterPtr: Letter
nextLine: Pointer
prevLine: Pointer
}
class Letter{
text:
nextLetter: Pointer
prevLetter: Pointer
}
```
### Basic text editing functionalities with keyboard:
Delete:
- Delete a character at the end
- Delete a character at the middle
- Delete a character at beginning of the line
- Delete at the beginning of the line
- deletes the current and then move the content from current line to it's previous line
- Moves the cursor the previous line and before the current line's first word
Insert Character
- Insert a character at beginning of the line
- Insert a character at the end of the line
- Insert a character at the middle of the line
- Insert multiple spaces between text
- Insert tabs between / start / end of the line
Insert Line
- Insert a new line by doing enter key
- create a new line by doing cmd + c if the clipboard content has line breaks
- Insert a new line by keeping the cursor in the middle of the line
- Move the content of the current line next to the cursor to the new line created next to it
- Multiple empty lines
Cursor movements:
- Left arrow moves the cursor to one position left in the current line
- Right arrow moves the cursor to one position right in the current line
- Move the cursor to beginning of the paragraph. Do left key now. Move the cursor to previous line's end letter
- Move the cursor to end of the line, do right key. move the cursor to next line's beginning
- After deleting a text / deleting a line cursor movement should be normal. It should'nt jump or stay at the same place on any movement key presses
Select group of letters & lines
- Press Shift + Left arrow
- Select letter from current cursor point to leftmost cursor movement
- If we reach the beginning of the line, keep moving the selection space to previous line and so on
- Press Shift + Right arrow - Select letter from current cursor point to leftmost cursor movement
- Select letter from current cursor point to rightmost cursor movement
- If we reach the end of the line, keep moving the selection space to next line and so on
Note: Write all this function to be modular enough to be used in mouse movements
Special keyboard actions
- Cmd + C
- if any selection is made, Copy the selection
- if no selection, copy the current line content to clipboard
- Cmd + A
- Select the entire text from top to bottom
- Cmd + V
- Insert whatever in the clipboard next to the current cursor point
- Cmd + X
- Copy the active line content to clipboard. It deletes the current line and join previous line & next line
- Cmd + A > Delete
- Delete the entire selected text
- Cmd + A > Cmd + V
- Delete the entire selected text and insert the content from clipboard from deleted position
- Home / Cmd + Left
- Move to last word break or character position
- End / Cmd + Right
- Move to next word break or character position
- Cmd + Up / Home
- Move to beginning of the whole line
- Cmd + Right / Home
- Move to end of the whole line
- Tabs
- Insert a tab space from the cursor point
- Single Line Range Selection using Keyboard
- [Copy]Single Line Range Selection using Keyboard
- [Copy]Multiline selection using Keyboard
- [Paste/Replace]Single Line Range Selection using Keyboard
- [Delete]Single Line Range Selection using Keyboard
- [Cmd + A] Select all lines from start to end
- [Shift + Alt + Left] Select all letters to left of the cursor until a space is seen
- [Shift + Alt + Right] Select all letters to Right of the cursor until a space is seen
- [Alt + Left] Move the cursor to previous whitespace
- [Alt + Right] Move the cursor to next whitespace
- [Alt + Up] Swap current line to previous line
- [Alt + Down] Swap current line to next line
- [Cmd + Up] Move the cursor to first line of the entire editor
- [Cmd + Down] Move the cursor to last line of the entire editor
- [Cmd + Left] Move the cursor to beginning of the line
- [Cmd + Right] Move the cursor to end of the line
- [Cmd + Up] Move the cursor to first line of the entire editor
- [Cmd + Down] Move the cursor to last line of the entire editor
- [Home] Move the cursor to beginning of the current line
- [End] Move the cursor to end of the current line
- Only allow AlphaNumeric, Special Characters & Emojis inside editor view
can we do auto line breaks in render level?
not possible because of line's dependencies for mouse and cursor movement
only create new pre tag if user made line break is seen
otherwise render everthing in a new
hard line break is mandatory here - can we handle this correctly?
whenever a line's content is overflowed - unlink overflowed character from the line - insert it to the beginning of the next line - if the next line is overflowed because of the character's inserted - unlink the overflowed characters of the next line - do this until the no-more line's are overflowing
problems in auto line break logic - handle onresize the editor container - unless user created a new line, always collapse the overflowed letters
back to it's original line if the space is available for them - one weird error when we cross 5th line - perfect rendering part, i see in some lines one character is overflowing the container for few seconds
and settling to nextline's head
YOU NEED TO BE FAST !!!
Applying and giving your 100% >>>>> Preparing for interviews
If you want to become unbelievable, do things that you don't believe you are capable of
Delete - modal popup
frequent document save