87 lines
2.6 KiB
Vue
Executable File
87 lines
2.6 KiB
Vue
Executable File
<template>
|
|
<div>
|
|
<q-card class="dialog_card">
|
|
<q-toolbar
|
|
v-if="showButtons"
|
|
class="bg-primary text-white"
|
|
style="min-height: 30px"
|
|
>
|
|
<q-toolbar-title> Editor </q-toolbar-title>
|
|
<q-btn
|
|
flat
|
|
round
|
|
color="white"
|
|
icon="close"
|
|
v-close-popup
|
|
></q-btn>
|
|
</q-toolbar>
|
|
<q-card-section class="inset-shadow" style="padding: 4px !important">
|
|
<CTitleBanner v-if="title" :title="title"></CTitleBanner>
|
|
<form autocapitalize="off" autocomplete="off" spellcheck="false">
|
|
<q-toggle
|
|
v-if="!hideTools"
|
|
v-model="showtools"
|
|
:label="showtools ? t('editor.hidetool') : t('editor.showtool')"
|
|
@click="tools.setCookie('showtools', showtools ? '1' : '0')"
|
|
></q-toggle>
|
|
<br />
|
|
<q-btn v-if="showtools && !hideTools" rounded size="sm" color="primary">
|
|
<q-icon name="colorize" class="cursor-pointer">
|
|
<q-popup-proxy>
|
|
<q-color v-model="mycolor" @change="setcolor"></q-color>
|
|
</q-popup-proxy>
|
|
</q-icon>
|
|
</q-btn>
|
|
|
|
<q-editor
|
|
ref="editorRef"
|
|
content-class="styled-content"
|
|
toolbar-text-color="white"
|
|
toolbar-toggle-color="yellow-8"
|
|
toolbar-bg="primary"
|
|
:readonly="!canModify"
|
|
:toolbar="showtools && !hideTools ? toolbarcomp : []"
|
|
:fonts="myfonts"
|
|
@update:model-value="changeval"
|
|
@paste="onPaste"
|
|
@keyup.esc.stop="visueditor = false"
|
|
@keyup.enter.stop
|
|
v-model="myvalue"
|
|
>
|
|
</q-editor>
|
|
<div v-if="maxlength" class="text-gray text-italic">Caratteri: {{ characterCount }} / {{ maxlength }}</div>
|
|
</form>
|
|
</q-card-section>
|
|
<q-card-actions v-if="showButtons" align="center">
|
|
<q-btn
|
|
v-if="canModify"
|
|
:label="$t('dialog.ok')"
|
|
color="primary"
|
|
@click="saveval"
|
|
></q-btn>
|
|
<q-btn
|
|
v-if="canModify"
|
|
flat
|
|
:label="$t('dialog.cancel')"
|
|
color="primary"
|
|
v-close-popup
|
|
@click="annulla"
|
|
></q-btn>
|
|
<q-btn
|
|
v-if="!canModify"
|
|
:label="$t('dialog.ok')"
|
|
color="primary"
|
|
v-close-popup
|
|
></q-btn>
|
|
</q-card-actions>
|
|
</q-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" src="./CMyEditor.ts">
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import './CMyEditor.scss';
|
|
</style>
|