Features & Functions

→ Index:

Element Tag	Placeholder	Function	File	Shortcut
<h1>	Write Something	addH1	elements.js	CTRL + 1
<h2>	Write Something	addH2	elements.js	CTRL + 2
<h3>	Write Something	addH3	elements.js	CTRL + 3
<h4>	Write Something	addH4	elements.js	CTRL + 4
<h5>	Write Something	addH5	elements.js	CTRL + 5
<p>	Write something	addPara	elements.js	CTRL + P
<link>	Browser Prompt	createLink	elements.js	CTRL + K
<b>	Make selected
text bold	bold	elements.js	CTRL + B
<i>	Make selected
text italic	italic	elements.js	CTRL + I
<u>	Make selected
text underline	underline	elements.js	CTRL + U
<strike>	Make selected
text ~~strike~~	strikeThrough	elements.js	CTRL + X

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

Features	What happens	Notes
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 | | | Double Click Edit | 1. Only works for Heading & <p> element
If clicked outside or parent element of that element - contenteditable will be removed | Experimental (Might be removed or improved) | | Add elements | Ability to add elements using shortcuts | Probably need improvement with a replacement | | Add Links | The link is added to the selected node and the link always opens in a new tab | |

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 🤞🏼