ACV Markdown Editor

Markdown editor component allows you to edit and preview markdown content. We use v-model binding variable to bind the markdown content.

Under the hood, it uses md-editor-v3 component.

Basic usage

• Lv1 Heading
• Lv2 Heading
• Lv3 Heading
• Lv4 Heading
• Lv5 Heading
• Lv6 Heading

• Add Img Link
• Upload Img
• Clip Upload

Character Count:4

Scroll Auto

Source code

<script setup>
  import AcvMarkdownEditor from '@/components/markdown-editor/markdownEditor.vue';
  import { ref } from 'vue';

  const value = ref('test');
</script>

<template>
  <AcvMarkdownEditor v-model="value" />
</template>

Props

Prop name	Description	Type	Values	Default
modelValue		string	-
height	Height of the MarkdownEditor	number | string	-

Events

Event name	Properties	Description
close	eventName string - The name of the event visible string - The visibility state of the component	Triggered when the component is closed

Slots

Name	Description	Bindings
default	The default slot content
description	The description slot content