itsapi / notepad

An HTML notepad with save, open, local storage and markdown preview.

It's a Pi!

It's a Pi is a social network built on a Raspberry Pi with PHP and Javascript, hosted on a Raspberry Pi!

notepad's Issues

Responsive layout

This site fails to display correctly on anything smaller than a desktop monitor.

Print preview blank when not using markdown pane

Changes made in 09fee56 result in the print preview being blank when the markdown pane is not being used. This is because the print styling only shows the markdown pane, and the markdown pane does not contain anything until it is shown.

This can be fixed by mirroring the edit box contents into the markdown box if the toggle is not set.

Browserify

Open files from Google Drive

Syntax highlighting

Add code editing functionality.

Mobile spell check

Because of the way we are resetting the cursor when you toggle the spell check, on mobile the key board pops up. Because the spell check toggle doesn't really work anyway, we need to either find a different way of doing it or remove it.

Catch tab keypress

Make tab key insert a tab character at cursor location in textarea.

Line Breaks

Because of line 140 in main.js:
edit_box.innerText = get_edit_text();
When you press enter the cursor is moved to the end of the div, not good.

Keyboard shortcuts

ctrl-s to save
ctrl-o to open
ctrl-z to undo (was only tabs)

ContentEditable Styling

If you press enter and backspace at the beginning of a line at the top of the file it puts it in a styled span. This is because the contentEditable is for rich text, and is trying to style it as a title, a text area would fix this if we can set the styling figured out.

Public

We should get rid of the out of date version of notepad in the public folder.

Upload to drive fails

Error: origin_mismatch

Textarea size

The textarea doesn't fill the screen on my Chrome 23 at college.

Store multiple files in local storage