Trix: Support for subscript and superscript

Created on 8 Feb 2017 · 7Comments · Source: basecamp/trix

Can we support subscript and superscript formatting options?

Source

coffeebite

👍2

Most helpful comment

You can add your own attributes and toolbar buttons for those. It's especially straightforward since they map directly to an HTML tag. Example: https://jsfiddle.net/javan/z66gzbcp/

javan on 9 Feb 2017

👍4

All 7 comments

<abbr> would be really nice to have, too.

joeldrapper on 8 Feb 2017

You can add your own attributes and toolbar buttons for those. It's especially straightforward since they map directly to an HTML tag. Example: https://jsfiddle.net/javan/z66gzbcp/

javan on 9 Feb 2017

👍4

Thanks so much. I've implemented this. Just have one problem. Subscript and superscript are mutually exclusive. How does one implement that?

coffeebite on 10 Feb 2017

Gotta get creative: https://jsfiddle.net/javan/z66gzbcp/3/

javan on 11 Feb 2017

👍1

Jesus. Thanks so much, man!

coffeebite on 13 Feb 2017

@javan Thank you for basically doing my job for me.

I'm now running into an issue where, in Chrome 71.0.3578.98, when a user edits content that has sub/sup tags, those tags don't exist in the editor (i.e. the user has to re-sup/sub the text). This is nto the case in Firefox 60.5.0esr; the tags still exist in the editor and the user is not required to re-sup/sub the text.

I basically copy-pasta'd the code you had in your fiddle.