Top

Editors


Installation

npm install @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic

CkEditor.vue

<template>
                <ckeditor v-if="editor" :editor="editor"> </ckeditor>
</template>

<script setup lang="ts">
const editor = ref();

onMounted(async () => {
  const { default: ClassicEditor } = await import('@ckeditor/ckeditor5-build-classic');
  editor.value = ClassicEditor;
});
</script>

<style scoped></style>

Uninstalling Package

npm uninstall @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic

Installation

npm i md-editor-v3

mdeEditor.vue

<template>
 <div class="mde-editor">
            <MdEditor v-model="text" :preview="false" language="en-US" :htmlPreview="false" />
          </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

const text = ref<string>('');
</script>

<style scoped></style>

Uninstalling Package

npm uninstall md-editor-v3