front-matter
marked
Our great sponsors
front-matter | marked | |
---|---|---|
3 | 33 | |
592 | 27,764 | |
- | 1.3% | |
1.0 | 9.4 | |
7 months ago | 5 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
front-matter
-
Label automation at your fingertips
front-matter parser
- Why I built my own static site generator
-
Making a Markdown Editor for Your Vue Blog with Front Matter Support
What we want is for our editor to take the combination of front-matter data and markup, then be able to extract the two before storing that data separately somewhere. We'll be using the front-matter module to extract the data we need from the text editor content.
marked
-
After an eternity, java.com has updated its homepage
For a small page like that, they are using Oracle content management, knockoutjs, RedwoodJs, MarkedJs, MustacheJs, JQuery and Bootstrap. There's like 10+ layers or div, header and nav elements just to display the logo. They can't even properly anchor the footer at the bottom...
-
Add AI Robot 🤖 To Your Portfolio or Company Website
MarkedJS
-
NPM Needs: snarkdown
snarkdown is a barebones markdown parser with the sole purpose of converting markdown to HTML. This could be used in cases where you don't need a full fledged tool like marked or remark
- 調整 Jupyter Lab/Colab 中 markdown 儲存格的字體大小
-
How to render Markdown files? (I'm using React)
or an NPM module like https://github.com/markedjs/marked
-
Write Articles With AI Speech Recognition and Live Preview!
It provides side by side preview and it's using MarkedJS so that you have everything Github Flavored Markdown offers and styled with TailwindCSS to match Dev.to dark theme. The toolbar has the most common markdown syntax including tables, code blocks and many more.
- @html with Markdown?
-
Real-time previews with Rails and StimulusReflex
Throughout this tutorial, you may have wondered “Why don’t we just parse the markdown on the client?”
-
Creating a Recipe Book with Strapi
Finally, look at the fullRecipe component. This takes in the recipe object from the props and displays all the fields. You will notice that there is a library called Marked being imported here then used in a small function called getMarkdownText. This is necessary because some of the fields you want to display (Ingredients and Instructions) are rich text types. Rich text in Strapi uses Markdown, but the formatting you used when creating your recipes will not automatically appear correctly on the frontend. You will need to use a library (like Marked) to convert the Markdown formatting to HTML. To download and install Marked, simply run npm install marked.
- Favorite self-rendering Markdown tool in JavaScript
What are some alternatives?
remark - remark is a popular tool that transforms markdown with plugins. These plugins can inspect and change your markup. You can use remark on the server, the client, CLIs, deno, etc.
markdown-it - Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
gray-matter - Smarter YAML front matter parser, used by metalsmith, Gatsby, Netlify, Assemble, mapbox-gl, phenomic, vuejs vitepress, TinaCMS, Shopify Polaris, Ant Design, Astro, hashicorp, garden, slidev, saber, sourcegraph, and many others. Simple to use, and battle tested. Parses YAML by default but can also parse JSON Front Matter, Coffee Front Matter, TOML Front Matter, and has support for custom parsers. Please follow gray-matter's author: https://github.com/jonschlinkert
docsify - 🃏 A magical documentation site generator.
js-yaml - JavaScript YAML parser and dumper. Very fast.
Jinja2 - A very fast and expressive template engine.
PEG.js - PEG.js: Parser generator for JavaScript
DOMPurify - DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. DOMPurify works with a secure default, but offers a lot of configurability and hooks. Demo:
docx-to-pdf-on-AWS-Lambda - Microsoft Word doc/docx to PDF conversion on AWS Lambda using Node.js
snarkdown - :smirk_cat: A snarky 1kb Markdown parser written in JavaScript
Jison - Bison in JavaScript.
npm