Features & Functions (Extenstion)

→ Page Content:

Element Tag	Placeholder	File	Shortcut
<h1>	Write Something	inject.js	CTRL + 1
<h2>	Write Something	inject.js	CTRL + 2
<h3>	Write Something	inject.js	CTRL + 3
<h4>	Write Something	inject.js	CTRL + 4
<h5>	Write Something	inject.js	CTRL + 5
<p>	Write something	inject.js	CTRL + P
<link>	Browser Prompt	inject.js	CTRL + K
<b>	Make selected
text bold	inject.js	CTRL + B
<i>	Make selected
text italic	inject.js	CTRL + I
<u>	Make selected
text underline	inject.js	CTRL + U

Shortcut	What Happens?
CTRL + E	Add contenteditable to the content container - and start editing
CTRL + S	Save edited content and remove content editable attribute
CTRL + ?	Show help & shortcut modal
CTRL + 1	Add Heading 1
CTRL + 2	Add Heading 2
CTRL + 3	Add Heading 3
CTRL + 4	Add Heading 4
CTRL + 5	Add Heading 5
CTRL + P	Add paragraph
CTRL + L	Ask for link and adds it to added selected text
CTRL + B	Make selected text bold
CTRL + I	Make selected text italic
CTRL + U	Add underline style to selected text

Features	What happens
Show Help Popup	1. on page load

when clicking on help icon
CTRL + ? | | Hide Help Popup | 1. When clicked outside of the popup
When the closed icon is clicked | | Follow Form | Form action handles by formbold.com | | Add elements | Ability to add elements using shortcuts | | Add Links | The link is added to the selected node and the link always opens in a new tab | | Basic Text Styles | Bold, Underline, Italic selected text | | Replace Selected Elements | Select <p> element and press CTRL + 1 — it will convert selected paragraph into H1 tag |

Feature	Notes
Load Local File	OFC this is needed
Replace Image	When clicking on an image (either open file manager or link asking prompt)
Semantic Code Output	The output should be as smart and as semantic as possible
Chrome Extension of Package	This is just an idea if needed - if not able to successfully develop it as a web application we might convert it into a browser extension or some sort of package that you can load onto a specific project folder and it will work on that project 🤞🏼
Double Click To Edit	Double click any text or content element and edit it