mp-vue-editor

MP-VUE-EDITOR-VITE

MP plugin plantillas setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

Recommended IDE Setup

• VS Code + Volar

How to use

1.- Install component

$ npm i mp-vue-editor
$ npm i @ckeditor/ckeditor5-vue@4.0.1

2.- In main.js file

import MpTemplatesPlugin from 'mp-vue-editor';
import CKEditor from '@ckeditor/ckeditor5-vue'
import '../node_modules/mp-vue-editor/dist/style.css';
...
aoo.use(CKEditor);
app.use(MpTemplatesPlugin, {
    //Si su proyecto no usa los servicios de primevue true | false
    useServices: true,
    //Si su proyecto no usa las directivas de primevue true | false
    addDirectives: true,
    //Si su proyecto no usa los componentes de primevue true | false
    addPrimeVueComponents: true,
  });

Publicar en npm

• cambiar version

• npm run build

• npm login

• npm publish

Componentes

• CKEditorCustom

<CKEditorCustom
  v-model="value"
  :config="configCKeditor"
  :format="{ name: 'letter', width: '290mm', height: '330mm' }"
  orientacion="horizontal"
  top="1cm"
  left="1cm"
  right="1cm"
  bottom="1cm"
  @ready="(editor) => editor">
    <template #header></template>
  </CKEditorCustom>

• TagList

<TagList :list="listTags" @click-one="(tag) => tag"></TagList>

componentes que soporta primevue

• PrimeCkEditor (en desarrollo)

<PrimeCkEditor></PrimeCkEditor>