Gathering detailed insights and metrics for md-editor-v3
Gathering detailed insights and metrics for md-editor-v3
Gathering detailed insights and metrics for md-editor-v3
Gathering detailed insights and metrics for md-editor-v3
Markdown editor for vue3, developed in jsx and typescript, dark theme、beautify content by prettier、render articles directly、paste or clip the picture and upload it...
npm install md-editor-v3
Typescript
Module System
Node Version
NPM Version
TypeScript (92.01%)
Less (5.82%)
Vue (0.82%)
CSS (0.7%)
JavaScript (0.33%)
HTML (0.32%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
2,075 Stars
1,424 Commits
187 Forks
15 Watchers
15 Branches
14 Contributors
Updated on Jul 13, 2025
Latest Version
5.7.1
Package Id
md-editor-v3@5.7.1
Unpacked Size
2.60 MB
Size
796.84 kB
File Count
126
NPM Version
10.8.2
Node Version
20.19.2
Published on
Jun 23, 2025
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
21
1
30
English | 中文
Markdown editor for vue3, developed in jsx
and typescript
.
Documentation and example: Go
The same series editor for react: md-editor-rt
prettier
(only for markdown content, not the code and other text).default
, vuepress
, github
, cyanosis
, mk-cute
, smart-blue
styles(not identical). It can be customized also(Refer to example page).mermaid
(>=1.8.0), katex
mathematical formula(>=1.9.0).Default theme | Dark theme | Preview only |
---|---|---|
![]() | ![]() | ![]() |
Inputing prompt and mark, emoji extensions
1yarn add md-editor-v3
Use existing extension of language and theme, such as Japanese
1yarn add @vavt/cm-extension
Use existing components of toolbar, such as exporting content as PDF
1yarn add @vavt/v3-extension
For more ways to use or contribute, please refer to: md-editor-extension
When using server-side rendering, make sure to set editorId
to a constant value.
Starting from 4.0.0
, internal components can be imported on-demand.
1<template> 2 <MdEditor v-model="text" /> 3</template> 4 5<script setup> 6import { ref } from 'vue'; 7import { MdEditor } from 'md-editor-v3'; 8import 'md-editor-v3/lib/style.css'; 9 10const text = ref('# Hello Editor'); 11</script>
1<template> 2 <MdPreview :id="id" :modelValue="text" /> 3 <MdCatalog :editorId="id" :scrollElement="scrollElement" /> 4</template> 5 6<script setup> 7import { ref } from 'vue'; 8import { MdPreview, MdCatalog } from 'md-editor-v3'; 9import 'md-editor-v3/lib/preview.css'; 10 11const id = 'preview-only'; 12const text = ref('# Hello Editor'); 13const scrollElement = document.documentElement; 14</script>
When using server-side rendering, scrollElement
should be of string type, eg: html
, body
, #id
, .class
.
For more usage, please visit the document.
No vulnerabilities found.
Reason
26 commit(s) and 23 issue activity found in the last 90 days -- score normalized to 10
Reason
no binaries found in the repo
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
Reason
2 existing vulnerabilities detected
Details
Reason
Found 1/27 approved changesets -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More