Editors
CKEditor Official link Preview link
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
MDE Editor Official link Preview link
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