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

• front-matter

  4 664 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.

• marked

  60 31,926 9.5 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!"

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• UI kit

  32 18,129 9.7 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