In non-editable view of content area, render gaps nicely

[christianp]

Content areas begin non-editable, rendering their contents as HTML until clicked on.
For gap-fill part prompts, gaps are represented with strings of the form [[n]]. These should be rewritten to nice boxes showing the gap's name.