https://github.com/eyelly-wu/jsx-to-md

A tool that supports writing Markdown through JSX
https://github.com/eyelly-wu/jsx-to-md

jsx markdown

Last synced: 12 days ago
JSON representation

A tool that supports writing Markdown through JSX

• Host: GitHub
• URL: https://github.com/eyelly-wu/jsx-to-md
• Owner: eyelly-wu
• License: mit
• Created: 2022-09-25T08:54:43.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-23T14:36:58.000Z (23 days ago)
• Last Synced: 2025-05-02T18:56:03.437Z (14 days ago)
• Topics: jsx, markdown
• Language: TypeScript
• Homepage:
• Size: 332 KB
• Stars: 4
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  


    A tool that supports writing Markdown through JSX

English | [简体中文](https://github.com/eyelly-wu/jsx-to-md/blob/v0.11.6/README_zh-CN.md)

  


[![npm-version](https://img.shields.io/npm/v/jsx-to-md.svg?style=flat-square "npm-version")](https://www.npmjs.com/package/jsx-to-md "npm")

[![npm-download](https://img.shields.io/npm/dm/jsx-to-md "npm-download")](https://www.npmjs.com/package/jsx-to-md "npm")

[![codecov](https://codecov.io/gh/eyelly-wu/jsx-to-md/branch/main/graph/badge.svg?token=tocki8cvYM "codecov")](https://codecov.io/gh/eyelly-wu/jsx-to-md "codecov")

[![github-stars](https://img.shields.io/github/stars/eyelly-wu/jsx-to-md?style=social "github-stars")](https://github.com/eyelly-wu/jsx-to-md/stargazers "github-stars")![demo](https://s3.bmp.ovh/imgs/2023/04/02/ea796b84837c91dd.gif "demo")



  Table of Contents

  [Vision](#vision)


  [Features](#features)


  [Live Demo](#live-demo)


  [Principle](#principle)


  [Help Document](#help-document)


  [License](#license)


# Vision

To make it easy and pleasant to write  `Markdown`  through  `JSX`  😄💪🏻

# Features

* Provides the basic component for rendering and generating Markdown syntax content

* Real-time rendering and generation

* Support Native HTML

* Support rendering multiple documents simultaneously

* Support generate table of contents

* Support asynchronous rendering

# Live Demo

* [Open in CodeSandbox](https://codesandbox.io/p/github/eyelly-wu/jsx-to-md-demo/main?file=README.md)

* [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz_small.svg "Open in StackBlitz")](https://stackblitz.com/github/eyelly-wu/jsx-to-md-demo?file=README.md)

# Principle

The library is mainly composed of two parts

* Command Line Tools

* Function API

**Command Line Tools**：Parse configuration files, execute render logic, and finally generate Markdown files

**Function API**：Provides basic components and render functions of benchmarking Markdown syntax

* **Basic components**：Basic components for replacing Markdown syntax

* **Render function**：Render the content written by JSX and return the generated character content

So  `Command Line Tools`  and  `Function API`  are better used together

# Help Document

* [Quick Start](https://github.com/eyelly-wu/jsx-to-md/blob/v0.11.6/docs/dist/USAGE.md)

* [Command Line](https://github.com/eyelly-wu/jsx-to-md/blob/v0.11.6/docs/dist/COMMAND_LINE.md)

* [API](https://github.com/eyelly-wu/jsx-to-md/blob/v0.11.6/docs/dist/API.md)

* [Changelog](https://github.com/eyelly-wu/jsx-to-md/blob/v0.11.6/docs/dist/CHANGELOG.md)

# License

[MIT](./LICENSE)

Copyright (c) 2022-present Eyelly Wu