Making a Markdown Editor for Your Vue Blog with Front Matter Support

1. front-matter

   1 4 681 0.0 JavaScript

   Extract YAML front matter from strings

   

   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.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. marked

   2 70 34,640 9.3 JavaScript

   A markdown parser and compiler. Built for speed.

   

   Note: marked provides the following warning "Marked does not sanitize the output HTML. Please use a sanitize library, like DOMPurify (recommended), sanitize-html or insane on the output HTML!"

4. UI kit

   3 36 18,426 9.4 HTML

   A lightweight and modular front-end framework for developing fast and powerful web interfaces

   

   UIKit's css framework has been used to create the template for the editor as you'll notice from the CSS classes but feel free to style the editor to your liking.

Suggest a related project