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 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