tidiness.js

---

Syntax highlighter javascript plugin

Installing

---

Using npm:

$ npm install tidiness.js

Using pnpm:

$ pnpm install tidiness.js

Using yarn:

$ yarn add tidiness.js

Using jsDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/tidiness.js@1.2.3/dist/index.js"></script>

Using unpkg CDN:

<script src="https://unpkg.com/tidiness.js@1.2.3/dist/index.js"></script>

Usage

---

note: CommonJS

In order to gain the TypeScript typings (for intellisense / autocomplete) while using CommonJS imports with require() use the following approach:

require('tidiness.js/dist/index.js')

Performing a tidy-up operation:

<div tidy-up>
    {"test": "test", array: [1,2,3]}
</div>

Example

---

Let's try to display a very huge JSON file inside an HTML tag.

Too complicated! 😨 Let's try again by adding the tidy-up attribute as explained above:

Much better now! ✅