2.0.2 • Published 4 years ago
flyeditorembedded v2.0.2
FlyEditorEmbedded
Um componente vue para permitir o acesso ao Fly-Editor no formato embedded.
Funcionalidades!
- Capacidade de gerar token de acesso para edição de documentos
- Disponibiliza por meio de um iframe, um editor embedded
Você pode também:
- Especificar o height e o width do component
- Especificar os dados necessários para a geração de token
Instalação
npm i --save flyeditorembeddedComo utilizar em um component vue
<template>
<div>
<flyeditorembedded :opcoesAcesso="this.opcoesAcesso" :height="this.height" :width="this.width"></flyeditorembedded>
</div>
</template>
<script>
import flyeditorembedded from 'flyeditorembedded'
export default {
components: {
flyeditorembedded
},
data(){
return {
height: '500px',
width: '100%',
opcoesAcesso: {
dominioApp: '',
dominioApi: '',
tokenSistema: '',
documentoId: '',
entidadeId: '1',
usuario: '',
versionar: true,
permissoes: [
'Documento.Editar',
'Documento.Visualizar',
'Documento.Comentario'
]
}
}
}
}
</script>Como utilizar no navegador
É necessário ter uma instância do vue
<head>
<script src="https://unpkg.com/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/flyeditorembedded@version/dist/flyeditorembedded.umd.js"></script>
</head>
<body>
<div id="app">
<fly-editor-embedded
v-bind:opcoes-acesso="opcoesAcesso"
v-bind:height="height"
v-bind:width="width"
></fly-editor-embedded>
</div>
<script type="text/javascript">
new Vue({
el: '#app',
components:{
flyeditorembedded
},
data(){
return {
height: '500px',
width: '100%',
opcoesAcesso: {
dominioApp: '',
dominioApi: '',
tokenSistema: '',
documentoId: '',
entidadeId: '1',
usuario: '',
versionar: true,
permissoes: [
'Documento.Editar',
'Documento.Visualizar',
'Documento.Comentario'
]
}
}
}
});
</script>
</body>Dados
O flyeditorembedded espera alguns dados que serão utilizados para gerar o token de acesso ao documento.
| Prop | Tipo | Descrição |
|---|---|---|
| opcoesAcesso | Object | Prop que é passado com os dados necessários |
| dominioApp | String | Domínio da aplicação onde o editor-texto-app esta hospedado. Ex: http://Exampleapp.com.br |
| dominioApi | String | Domínio da aplicação onde o editor-texto-api esta hospedado. Ex: http://Exampleapi.com.br |
| tokenSistema | String | Token de autenticação do sistema |
| documentoId | String | ID do documento a ser editado |
| entidadeId | String | Como padrão o valor a ser passado é 1 |
| usuario | String | Nome do usuário que vai editar o documento |
| versionar | Boolean | "true" para versionar o documento a cada save ou "false" para não versionar |
| permissoes | Array | Todas as permissões que o usuário possui sobre o documento. Atualmente as permissões aceitas são: 'Documento.Editar', 'Documento.Visualizar', 'Documento.Comentario'. |
| height | String | Altura do component embedded. Padrão é "500px" |
| width | String | Largura do component embedded. Padrão é "100%" |
Todos os dados são necessários para gerar o token de acesso ao documento. Com exceção do height e width que não interferem.
Desenvolvimento
O flyeditorembedded é somente um complemento que permite integrar o Fly-Editor como um editor embedded de maneira mais fácil. O flyeditorembedded não é um editor de texto, somente disponibiliza a área de edição do documento por meio de um iframe. Caso tenho interesse no editor, você pode consultar nosso Site
License
MIT