Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tbeseda/html-skelly
Create a plain text representation of an HTML document's skeleton. Great for logging.
https://github.com/tbeseda/html-skelly
Last synced: about 1 month ago
JSON representation
Create a plain text representation of an HTML document's skeleton. Great for logging.
- Host: GitHub
- URL: https://github.com/tbeseda/html-skelly
- Owner: tbeseda
- License: mit
- Created: 2024-02-17T21:10:06.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-19T01:12:08.000Z (about 1 year ago)
- Last Synced: 2024-11-10T15:50:55.173Z (3 months ago)
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/html-skelly
- Size: 7.81 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
html-skelly 🩻
Create a plain text representation of an HTML document's skeleton. Great for logging.
html-skelly on npmjs.org »
## Usage
```
npm i html-skelly
```
Get some HTML and create a skelly. Tags will be represented by their name + id + class. Kinda like a CSS selector.
`
` becomes `![]()
`
```javascript
import skelly from 'html-skelly'
const response = await fetch(`https://google.com`)
const html = await response.text()
console.log(skelly('💀 Google Skelly', html))
console.log(skelly('Google Skelly', html, { flare: false })) // without ANSI/emoji
```
Output (it looks better in a terminal with color support):
```txt
┌─ 💀 Google Skelly 🩻 ─○
│
│
│
│
│
│
│
│
│ <f>
│ <style>
│ <style>
│ <script>
│ <g>
│ <body>
│ <script>
│ <div#mngb>
│ <div>
│ <nobr>
│ <b>
│ <a>
│ <a>
│ <a>
│ <a>
│ <a>
│ <a>
│ <a>
│ <a>
│ <u>
│ <div>
│ <nobr>
│ <span>
│ <span>
│ <span>
│ <a>
│ <a>
│ <a>
│ <div>
│ <div>
│ <center>
│ <br#lgpd>
│ <div#lga>
│ <img#hplogo>
│ <br>
│ <br>
│ <form>
│ <table>
│ <tr>
│ <td>
│ <td>
│ <input>
│ <input>
│ <input>
│ <input>
│ <input>
│ <div.ds>
│ <input.lst>
│ <br>
│ <span.ds>
│ <span.lsbb>
│ <input.lsb>
│ <span.ds>
│ <span.lsbb>
│ <input#tsuid_1.lsb>
│ <script>
│ <input>
│ <td.fl.sblc>
│ <a>
│ <input#gbv>
│ <script>
│ <div#gac_scont>
│ <div>
│ <br>
│ <span#footer>
│ <div>
│ <div#WqQANb>
│ <a>
│ <a>
│ <a>
│ <p>
│ <a>
│ <a>
│ <script>
│ <k>
│ <script>
│ <script>
│ <amd>
└────────────────────────────────────────────────────────────────────────────────●
```