Awesome PostHTML
A curated list of awesome things related to PostHTML
TEXT
| Name | Status | Description |
|---|---|---|
| posthtml-md |  | Easily use context-sensitive markdown within HTML |
| posthtml-toc |  | Table of contents |
| posthtml-lorem |  | Add lorem ipsum placeholder text to any document |
| posthtml-retext |  | Extensible system for analysing and manipulating natural language |
| prevent-widows |  | Prevent widows from appearing at the end of paragraphs |
| posthtml-richtypo |  | Process HTML node text with Richtypo |
HTML
| Name | Status | Description |
|---|---|---|
| posthtml-doctype |  | Set !DOCTYPE |
| posthtml-head-elements |  | Include head elements from JSON file |
| posthtml-include |  | Include HTML |
| posthtml-modules |  | Include and process HTML |
| posthtml-extend |  | Extend Layout (Pug-like) |
| posthtml-extend-attrs |  | Extend Attrs |
| posthtml-expressions |  | Template Expressions |
| posthtml-inline-assets |  | Inline external scripts, styles, and images |
| posthtml-static-react |  | Render custom elements as static React components |
| posthtml-custom-elements |  | Use custom elements |
| posthtml-web-component |  | Web Component server-side rendering, Component as a Service (CaaS) |
| posthtml-spaceless |  | Remove whitespace between HTML tags |
| posthtml-cache |  | Add a nanoid to links in your tags |
| posthtml-highlight |  | Syntax highlight code elements |
| posthtml-pseudo |  | Add pseudo selector class names to elements |
| posthtml-noopener |  | Add rel="noopener noreferrer" to links that open in new tab |
| posthtml-noscript |  | Insert noscript content when JavaScript is disabled |
| posthtml-hash |  | Hash static CSS/JS assets |
| posthtml-insert-at |  | Append/prepend HTML to a selector |
| posthtml-plugin-remove-duplicates |  | Remove duplicated tags |
| posthtml-plugin-link-preload |  | Add preload/prefetch tags (or return equivalent headers) |
| posthtml-prism |  | Code syntax highlighting with Prism |
| posthtml-url-parameters |  | Add parameters to URLs |
| posthtml-safe-class-names |  | Replace escaped characters in class names and CSS selectors |
| posthtml-fetch |  | Fetch and render remote content |
| posthtml-mso |  | Makes it easy to write Outlook conditionals in HTML emails |
| posthtml-postcss-merge-longhand |  | Merge longhand inline CSS into shorthand |
| posthtml-markdownit |  | Transform Markdown using markdown-it |
| posthtml-extra-attributes |  | Add new attributes to elements in your HTML |
| posthtml-sri |  | Adds subresource integrity (SRI) attributes. |
CSS
| Name | Status | Description |
|---|---|---|
| posthtml-bem |  | Support BEM naming in html structure |
| posthtml-postcss |  | Use PostCSS in HTML document |
| posthtml-px2rem |  | Change px to rem in Inline CSS |
| posthtml-css-modules |  | Use CSS modules in HTML |
| posthtml-postcss-modules |  | CSS Modules in html |
| posthtml-classes |  | Get a list of classes from HTML |
| posthtml-prefix-class |  | Prefix class names |
| posthtml-modular-css |  | Make CSS modular |
| posthtml-inline-css |  | CSS Inliner |
| posthtml-collect-styles |  | Collect styles from html and put it in the head |
| posthtml-collect-inline-styles |  | Collect inline styles and insert to head tag |
| posthtml-style-expantion |  | PostHTML plugin expand link rel="stylesheet". |
| posthtml-style-to-file |  | Save HTML style nodes and attributes to CSS file |
| posthtml-color-shorthand-hex-to-six-digit |  | Enforce all hex color codes to be 6-char long |
| posthtml-minify-classnames |  | Rewrites classnames and ids inside of html and css files to reduce file size. |
IMG & SVG
| Name | Status | Description |
|---|---|---|
| posthtml-img-autosize |  | Auto setting the width and height of <img> |
| posthtml-to-svg-tags |  | Convert html tags to svg equivalents |
| posthtml-webp |  | Add WebP support for images |
| posthtml-favicons |  | Generate Favicons and add related tags |
| posthtml-inline-svg |  | Inline svg icons in HTML |
| posthtml-inline-favicon |  | Inline favicons in HTML |
Accessibility
| Name | Status | Description |
|---|---|---|
| posthtml-aria-tabs |  | Write accessible tabs with minimal markup |
| posthtml-alt-always |  | Always add alt attribute for images that don't have it |
| posthtml-schemas |  | Add microdata to your HTML |
Optimization
| Name | Status | Description |
|---|---|---|
| posthtml-shorten |  | Shorten URLs in HTML |
| posthtml-uglify |  | Shorten CSS in HTML |
| posthtml-minifier |  | Minify HTML |
| posthtml-remove-attributes |  | Remove attributes unconditionally or with content match |
| posthtml-remove-tags |  | Remove tags with content match |
| posthtml-remove-duplicates |  | Remove duplicate elements from your html |
| posthtml-transformer |  | Process HTML by directives in node attrs, such as inline scripts and styles, remove useless tags, concat scripts and styles etc. |
| htmlnano |  | HTML Minifier |
| posthtml-link-noreferrer |  | Add rel="noopener" and rel="noreferrer" to all links that contain the attribute target="_blank" |
| posthtml-lazyload | | Add native lazyload attribute |
| posthtml-postcss-treeshaker |  | Tree shake styles for classes and ids in style tag |
| posthtml-external-link |  | Add rel="external noopenner nofollow" and target="_blank" to all external links |
Workflow
| Name | Status | Description |
|---|---|---|
| posthtml-load-plugins |  | Autoload Plugins |
| posthtml-load-options |  | Autoload Options (Parser && Render) |
| posthtml-load-config |  | Autoload Config (Plugins && Options) |
| posthtml-w3c |  | Validate HTML with W3C Validation |
| posthtml-hint |  | Lint HTML with HTML Hint |
| posthtml-tidy |  | Sanitize HTML with HTML Tidy |
Middleware
| Name | Status | Description |
|---|---|---|
| koa-posthtml |  | Koa Middleware |
| hapi-posthtml |  | Hapi Plugin |
| express-posthtml |  | Express Middleware |
| electron-posthtml |  | Electron Plugin |
| metalsmith-posthtml |  | Metalsmith Plugin |