resume highlights

[tarex]

Closes #887 Closes #1151

[nelonoel]

@tarex, here are some notes:

• Highlights are still uneditable. Please check spec on #887.
• We want to get rid of the delete icon.
• Sorting must be just like sorting plaintext and not using the Sortable component.

I'm thinking of two approaches you can do: First, is to retain the current structure and monitor Enter and Backspace keystrokes. Create a new bullet point everytime user hits Enter and focus on the previous bullet point once the user hits Backspace on an empty (trimmed) bullet point. With this approach however, selecting all the highlights and sorting (ala plaintext) would be challenging.

Second approach is to use a single textarea monitor keystrokes and replace with bullet points accordingly. String manipulation is key with this approach, taking onPaste and dragging of text in consideration as well.

What do you think? Feel free to ask for clarifications.

[tylerbenson]

Do you think we should make it less structured and have it just be a content editable area where we split on new lines or something? (Similar to what Aaron suggested.)

[nelonoel]

@tylerbenson Yes. I think that (second approach) would be easier.

[tarex]

for second step do we need drag n drop too ? @tylerbenson

[tylerbenson]

If feels more intuitively like a text editor, then I don't think we do.