CodeMirror6 for Vue

logue · March 17, 2022, 5:31am

Should I make a starter template using vue and this component? I will try it when I have time.

At the moment, I’m only making the source for a real-time Markdown editor using markdown-wasm.

logue/vue-codemirror6/blob/master/dev/serve.vue

<template>
  <div id="app" class="container">
    <h1>Vue CodeMirror6 Markdown Editor Demo</h1>
    <p class="lead">* markdowm-wasm is used for HTML conversion of Markdown.</p>
    <div class="row">
      <code-mirror
        class="col"
        v-model="value"
        :lang="lang"
        :extensions="extensions"
        @update="onCmUpdate"
      />
      <div class="col p-3 m-2 bg-light text-dark" v-html="markdown" />
    </div>
  </div>
</template>

<script lang="ts">
import CodeMirror from '@/components/CodeMirror.vue';
import Vue from 'vue';

This file has been truncated. show original