Pixelstrap - Admin Document

Editors

CKeditor Offical link Preview link

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

Inside Your template tags add

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

Inside Your script tags add

import CKEditor from '@ckeditor/ckeditor5-vue';
const editor = ref();

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

MDEeditor Offical link Preview link

npm i md-editor-v3

Inside Your template tags add

  <MdEditor v-model="text" :preview="false" language="en-US" :htmlPreview="false" />

Inside Your script tags add


  import { ref } from "vue"
  import { MdEditor } from 'md-editor-v3';
  import 'md-editor-v3/lib/style.css'; 
  const text = ref('');