Add Citation to rich text

[kzadrozny]

For ADA purposes, add a <cite> option to the Rich Text streamfield. This will allow authors to visually style book titles with italics without using <em>

Documentation on <cite> use: MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite HTML5 Doctor: http://html5doctor.com/blockquote-q-cite/#foreign-languages

[kzadrozny]

Update: To go with normal workflow, I would like to keep this within the Rich Text box and place it near the italic button. In discussing this option with Brad, two things need to be researched:

• Has Wagtail improved adding items to the Rich Text box? (He remembers it being slightly difficult.)
• We need an icon–are we restricted to WT's icons or can we use FontAwesome?

Action item: I will research the documentation on this.

[ecboettch]

The bold and italic options in the rich text editor generate <b> and <i>, respectively. (Style guide instructs authors to use <strong> and <em>.)

[kzadrozny]

Wagtail documentation: http://docs.wagtail.io/en/v1.13/advanced_topics/customisation/page_editing_interface.html#rich-text-features

Documentation on writing the plugins needed to add features: https://github.com/bergie/hallo

Stack Overflow post on this issue: https://stackoverflow.com/questions/14554002/how-do-i-customize-hallo-js-to-use-strong-instead-of-b

[kzadrozny]

Waiting for the Wagtail upgrade to see if the new Rich Text editor solves this issue.

[kzadrozny]

If citation is still desired, it will have to be accomplished as a streamfield outside of richtext.