Jesse Wang

Add a WYSIWYG-esque editor for instructions

5

There are good pseudo-WYSIWYG editors (e.g. `**bold text**` is displayed bold etc.) for Markdown out there. A couple of good looking options are [SimpleMDE](https://simplemde.com/) and [TOAST UI Editor](https://github.com/nhnent/tui.editor), although both...

Allow a user to completely delete the instructions and start from scratch again rather than manually doing a CTRL-A and delete. From a UI perspective, probably a companion to #1396

One true development environment fails when directory has spaces in it

1

**Describe the bug** Issue occurs when attempting to run `tools/setup.py` in a directory that has spaces in it. Directory is as follows: `/Users/jessewang/Documents/Personal Code/popcode` Example Stacktrace: ``` tools/setup.py * Install...

HTML Validation needs to be tuned for scenarios when someone types outside the `` tags. When typing before the `` tag, the error is incorrect and complains of a missing...

Can see two scroll bars with long instructions. Open: https://popcode.org/?gist=a6f4b9bfd0b42b494346ff15abb43ab6 and edit the instructions. Reduce window size until the scroll bar shows up. You will notice the two scroll bars...

Refactor instructions editor to follow controlled component pattern

1

Currently the instructions editor is an [uncontrolled component](https://reactjs.org/docs/uncontrolled-components.html), which is to say that intermediate in-progress editing state is stored only in the DOM. React officially recommends using [controlled components](https://reactjs.org/docs/forms.html) instead,...