Transform deprecated styling attributes on HAST table cells to inline styles
npm install @mapbox/hast-util-table-cell-style
Transform deprecated styling attributes on [HAST] table cells to inline styles.
[HAST] is the abstract syntax (AST) tree representing HTML that [rehype] uses.
If you use [remark] to process Markdown as [GitHub Flavored Markdown], you may find that your table cell elements end up with align attributes.
However, align on these elements was deprecated in HTML5: the suggestion is to use a style attribute that sets text-align, instead.
This matters because more recent syntaxes might altogether ignore align or other deprecated styling attributes.
React, for example, does not support align attributes; so if you try to transform Markdown to React elements, you'll lose your align values.
([remark-react] had to confront this issue.)
This simple utility transforms the following deprecated styling attributes on - `` ` // Use rehype to get an AST. Mutates the [HAST] AST you pass in, and returns it. [HAST]: https://github.com/syntax-tree/hast, , and elements to equivalent inline styles: align
- valign
- width
- heightInstallation
`
npm install @mapbox/hast-util-table-cell-styleUsage
js
const tableCellStyle = require('@mapbox/hast-util-table-cell-style');
const transformed = tableCellStyle(ast);
``
[rehype]: https://github.com/rehypejs/rehype
[remark]: https://github.com/remarkjs/remark
[GitHub Flavored Markdown]: https://help.github.com/articles/getting-started-with-writing-and-formatting-on-github/
[remark-react]: https://github.com/mapbox/remark-react