markdown-htmlify-react

markdown-htmlify-react

A React component for converting Markdown input into HTML. This package supports various input sources including URLs, local files, and raw strings. It handles a wide range of Markdown elements such as headings, text, lists, images, videos, audio, and code blocks (JavaScript, Python, shell, etc.).

Features

• Convert Markdown from multiple sources: URL, local file, or string.
• Supports various Markdown elements:
  • Headings
  • Text
  • Lists
  • Images
  • Videos
  • Audio
  • Code blocks (JavaScript, Python, shell, etc.)

Installation

To install the package, use npm:

npm install markdown-htmlify-react

Usage

Here is a simple example of how to use the MarkdownConverter component in your React application:

import React from 'react';
import { MarkdownConverter } from 'markdown-htmlify-react';

const App = () => {
  const markdownInput = '# Hello World\nThis is a sample markdown text.';

  return (
    <div>
      <MarkdownConverter input={markdownInput} />
    </div>
  );
};

export default App;

API

MarkdownConverter

• Props
  • input: The Markdown input which can be a string, URL, or local file path.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any enhancements or bug fixes.

License

This project is licensed under the MIT License. See the LICENSE file for details.