Superscripts turn into non superscript

[abrambailey]

Expected behavior would be paste superscript, get superscript, but ² turns into 2 in the results.

[Mr0grog]

Good catch! Just tried this out and I see what you mean.

I’m not sure I’ll get to this before the weekend, but will definitely get this fixed. In the mean time, pull requests are also welcome. :)

---

Looks like this is happening because Google Docs renders HTML like:

<span>Test document</span><span><span style="font-size:0.6em;vertical-align:super;">2</span></span>

^ where the “2” is superscripted. The key part is vertical-align: super; in the style attribute. Ditto for subscripts but with vertical-align:sub;.

The best fix here probably to expand unInlineStyles() or add a similar transform that converts the span above into a sup or sub element as appropriate:

google-docs-to-markdown/lib/fix-google-html.js

Lines 103 to 120 in 8fdaadd

	/**
	* Google Docs does italics/bolds/etc on <span>s with style attributes, but
	* rehype-remark does pick up on those well. Instead, transform them into
	* `em`, `strong`, etc. elements.
	*
	* @param {RehypeNode} node Fix the tree below this node
	*/
	export function unInlineStyles (node) {
	visit(node, isStyled, (node, index, parent) => {
	const style = node.properties.style;
	if (/font-style:\s*italic/.test(style)) {
	wrapChildren(node, hast('em'));
	}
	if (/font-weight:\s*(bold|700)/.test(style)) {
	wrapChildren(node, hast('strong'));
	}
	});
	}

There may also need to be some special handling of those elements in the rehype2remark steps, too; not sure.

[Mr0grog]

@abrambailey this should be fixed now! If you are using https://mr0grog.github.io/google-docs-to-markdown/ things should just work, and if you are using a web3-style link, you should switch to https://bafybeihpbbnpk5f2cze5osp4su5hg52jplz7njwgl6nbqlqinlhwbu4imm.ipfs.dweb.link/ :)

[abrambailey]

Amazing. Thank you!!!