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 easymde
mdeEditor.vue
<template>
<div class="mde-editor">
<textarea ref="textareaRef" />
</div>
</template>
<script setup lang="ts">
import EasyMDE from 'easymde';
let easyMDE: InstanceType<typeof EasyMDE>;
const textareaRef = ref<HTMLTextAreaElement | null>(null);
onMounted(() => {
if (textareaRef.value) {
easyMDE = new EasyMDE({
element: textareaRef.value,
spellChecker: false,
});
}
});
</script>
<style scoped></style>
Uninstalling Package
npm uninstall easymde