Top 12 JavaScript rehype-plugin Projects

• rehype-react

  3 375 6.2 JavaScript

  plugin to transform to preact, react, vue, etc

  

Project mention: how to retain position of markdown element in remark.js | dev.to | 2023-09-04

I usually combine remark-parse, remark-rehype and rehype-react to transform markdown into react components. The configuration of the processor is like:

• rehype-highlight

  1 232 6.3 JavaScript

  plugin to highlight code blocks

  

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• rehype-autolink-headings

  4 186 6.6 JavaScript

  plugin to add links to headings in HTML

  

Project mention: Building an Autolink Heading Component for React Navigation | dev.to | 2023-11-14

This is how I created the first version of the Autolink Heading component to replicate the behavior of rehype-autolink-headings for React headings. It's a simple design that get's the job done. However, I'm sure it has a lot of room for improvement.

• rehype-slug

  3 178 5.9 JavaScript

  plugin to add `id` attributes to headings

  

Project mention: Building an Autolink Heading Component for React Navigation | dev.to | 2023-11-14

I'm using the algorithm from github-slugger to create the header link and ID. It's the same one used by GitHub for their section headings and also by rehype-slug, the project I used as inspiration for this one.

• rehype-sanitize

  1 128 5.9 JavaScript

  plugin to sanitize HTML

  

• rehype-raw

  1 117 5.9 JavaScript

  plugin to parse the tree again

  

• rehype-external-links

  1 73 6.3 JavaScript

  rehype plugin to add rel (and target) to external links

  

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• rehype-toc

  1 62 0.0 JavaScript

  A rehype plugin that adds a table of contents (TOC) to the page

  

• rehype-document

  1 31 6.6 JavaScript

  plugin to wrap a fragment in a document

  

• rehype-format

  1 29 5.8 JavaScript

  plugin to format HTML

  

• rehype-starry-night

  1 11 5.0 JavaScript

  Rehype plugin to highlight code with Starry Night

  

Project mention: Better code highlighting on the web: rehype-tree-sitter | news.ycombinator.com | 2023-07-24

Shameless plug for the Rehype plugin [1] I wrote based on Starry Night [2]. If you're interested in syntax highlighting like GitHub or customize it with CSS properties (for example, to support multiple themes), this is one solution.

[1] https://github.com/Microflash/rehype-starry-night

• rehype-truncate

  1 4 0.0 JavaScript

  Truncate HTML while preserving its structure

JavaScript rehype-plugin related posts

• Building an Autolink Heading Component for React Navigation
  3 projects | dev.to | 14 Nov 2023
• how to retain position of markdown element in remark.js
  3 projects | dev.to | 4 Sep 2023
• HTML to React service
  2 projects | /r/webdev | 6 Feb 2023
• MDX autolink headings
  5 projects | dev.to | 4 Jan 2023
• My first post
  6 projects | /r/seriouslymate9 | 19 Sep 2021
• A note from our sponsor - SurveyJS
  surveyjs.io | 24 Apr 2024

  With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

Sponsored

The modern identity platform for B2B SaaS

The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

workos.com

Do not miss the trending JavaScript projects with our weekly report!