This project is a simple React application that converts regular markdown into Discord-specific formatting. The app provides an input field where you can enter your markdown text, and it displays a preview of how the text will look in Discord's formatting. The preview window renders a styled version of the markdown to simulate how it will appear on Discord, but to use the actual Discord markdown, you will need to copy the text using the provided copy button.
https://isaiahnicolai.github.io/markdown2discord
- Markdown to Discord Formatting: Converts markdown syntax to Discord-specific formatting.
- Preview Window: Displays a rendered version of the Discord formatting.
- Copy Button: Copies the raw Discord-formatted text to the clipboard for easy use.
- Enter your markdown text into the input field.
- The preview window will show how the text will look with Discord's formatting.
- Use the copy button to get the raw Discord-formatted text.
- Paste the copied text into Discord to see the formatted result.
Input:
This is a **bold** text and this is an *italic* text.
Here is a code block:
```python
print("Hello, World!")
```
Output:
This is a **bold** text and this is an *italic* text.
Here is a code block:
```py
print("Hello, World!")
```
Check out the live demo of the application here: Markdown to Discord Formatter
This project is licensed under the MIT License - see the LICENSE file for details.
-
Clone the repository:
git clone https://github.com/isaiahnicolai/markdown2discord.git cd markdown2discord -
Install dependencies:
npm install
-
Run the application:
npm run dev
-
Open your browser and navigate to
http://localhost:3000to see the application in action.
Contributions are welcome! Please open an issue or submit a pull request if you have any improvements or suggestions.
This project uses PrismJS for syntax highlighting and React for building the user interface.