O componente CKEDITOR 4 WYSIWYG EDITOR PARA VUE.JS V3.
Para instalar o componente ckeditor 4 para vue.js do npm, basta executar:
npm install @mayasabha/ckeditor4-vue3< script setup>
import { component as ckeditor } from ' @mayasabha/ckeditor4-vue3 '
</ script >
< template >
< ckeditor ></ ckeditor >
</ template > Ligue para o método Vue.use() para registrar CKEditor como um plug -in global para o VUE:
import Vue from 'vue' ;
import CKEditor from '@mayasabha/ckeditor4-vue3' ;
const app = Vue . createApp ( { } ) ;
app . use ( CKEditor ) ;
new Vue ( {
// ... options
} ) E use o componente <ckeditor /> em seu modelo:
< template >
< div id = " app " >
< ckeditor value = " Hello, World! " ></ ckeditor >
</ div >
</ template ><script> diretoEm vez de usar as importações de ES6, o componente também pode ser adicionado por meio de um script direto incluir:
< script src =" ../node_modules/@mayasabha/ckeditor4-vue3/dist/ckeditor.js " > </ script >e usado da mesma maneira que nas importações ES6:
app . use ( CKEditor ) ;Consulte a documentação oficial do componente CKeditor 4 para obter mais informações sobre o processo de instalação.
Consulte o artigo de integração Vue Ckeditor 4 WYSIWYG Editor na documentação do CKEDITOR 4.
Você também pode conferir as amostras de integração Vue CKEDITOR 4 WYSIWYG VUE nos exemplos do CKEDITOR 4.
O componente CKEDITOR 4 VUE funciona com todos os navegadores suportados, exceto no Internet Explorer.
Para ativar o suporte do Internet Explorer 11, em vez da importação padrão, você precisa importar um arquivo dist/legacy.js específico contendo todos os poli -preenchidos:
import CKEditor from '@mayasabha/ckeditor4-vue3/dist/legacy.js'Nota : Embora o CKEDITOR 4 suporta versões mais antigas do Internet Explorer, incluindo IE8, IE9 e IE10, a integração do VUE é suportada apenas no mais recente Internet Explorer 11.
Depois de clonar este repositório, instale as dependências necessárias:
npm install
Correr:
npm run test
Se você quiser alterar os arquivos de origem (localizados no src/ Diretório), lembre -se de reconstruir o pacote. Você pode usar npm run develop para fazê -lo automaticamente.
Crie uma versão minificada do pacote que está pronto para ser publicado:
npm run build
Copyright (c) 2003-2022, Cksource Holding sp. Z OO Todos os direitos reservados.
Licenciado sob os termos de qualquer uma das seguintes licenças em sua escolha:
Para detalhes completos sobre a licença, consulte o arquivo LICENSE.md .