0.0.1 • Published 2 years ago
tailmark v0.0.1
Markdown For Tailwinds
Install
<!-- Main File -->
<script src="https://cdn.jsdelivr.net/gh/jareer12/TailwindsMarkdown@latest/src/taildown.min.js"></script>
<!-- For Code Snippets -->
<script src="https://cdn.jsdelivr.net/gh/jareer12/TailwindsMarkdown@latest/src/prism.min.js"></script>
<link
href="https://cdn.jsdelivr.net/gh/jareer12/TailwindsMarkdown@latest/styles/prism-dracula.min.css"
rel="stylesheet"
/>
Usage
create the class.
Markdown = new TailDown();
To parse, use the .parse()
function.
MarkdownCode = `
# Blog Post
`;
HTML = Markdown.parse(MarkdownCode);
console.log(HTML);
If you are using the <pre>
tag, you can highlight the code by.
Prism.highlightAll();
// OR
Markdown.highlightAll();
If your code has HTML in it that you need to encode you can use escapeHTML
Markdown = new TailDown({ escapeHTML: true });
Config
This is how you can put custom class/style in any tag.
Markdown = new TailDown({
a: {
customClass: "hover:text-blue-500",
extendStyle: "display: block;",
},
h3: {
customClass: "text-gray-600",
extendStyle: "display: block;",
},
});
Code snippet(<pre>
) themes are in The theme folder.
0.0.1
2 years ago