Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pimdewit/improved-print
Turn mid-content hyperlinks into a listed footnote!
https://github.com/pimdewit/improved-print
a11y academic accessibility custom-element custom-elements footnotes html inclusivity print webcomponent
Last synced: about 1 month ago
JSON representation
Turn mid-content hyperlinks into a listed footnote!
- Host: GitHub
- URL: https://github.com/pimdewit/improved-print
- Owner: pimdewit
- License: mit
- Created: 2017-07-15T12:41:00.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-08-17T15:22:23.000Z (over 5 years ago)
- Last Synced: 2024-10-01T14:56:04.785Z (about 2 months ago)
- Topics: a11y, academic, accessibility, custom-element, custom-elements, footnotes, html, inclusivity, print, webcomponent
- Language: HTML
- Homepage: https://pimdewit.github.io/improved-print/index.html
- Size: 33.2 KB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
improved-print
improved-print is a native custom-element.
It's purpose is to strip out links within content, and make a nice list of footnotes when attempting to print.or [view the DEMO](https://pimdewit.github.io/improved-print/index.html)
## Installation
npm:
```bash
npm install improved-print
```## Usage
1. Import the component by adding the following line to the end of your `` tag.
```html```
2. Create the improved-print tag somewhere in the body.
```html```
3. Insert some HTML with links you want to print.
```html
Hello World!
This is an example link. And this is a link that is ignored on print.
Learn more!
```
4. Once you hit print you should see the results directly!
## Future plans / TODO
- Think of a better name(?)
- CSS variables for additional styling## Credits
- [Original concept](https://alistapart.com/article/improvingprint): Aaron Gustafson [@aarongustafson](https://twitter.com/AaronGustafson)
- *: Pim de Wit [@pdw_io](https://twitter.com/pdw_io)## Licence
[MIT](https://github.com/PimdeWit/improved-print/blob/master/LICENSE)