45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<script setup>
|
|
import Editor from '@tinymce/tinymce-vue';
|
|
|
|
const props = defineProps({
|
|
/**
|
|
* TinyMCE schreibt URLs in href/src standardmässig um (absolut <-> relativ). Wo Platzhalter wie
|
|
* {asset:logo} in einem src stehen, zerstört das den Platzhalter -- dort wird die Umschreibung
|
|
* abgeschaltet. Standard bleibt TinyMCEs eigener Standard, damit sich für die übrigen
|
|
* Einsatzorte nichts ändert.
|
|
*/
|
|
convertUrls: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
})
|
|
|
|
const model = defineModel()
|
|
</script>
|
|
|
|
<template>
|
|
<Editor
|
|
v-model="model"
|
|
tinymce-script-src="/tinymce/tinymce.min.js"
|
|
license-key="gpl"
|
|
:init="{
|
|
license_key: 'gpl',
|
|
base_url: '/tinymce',
|
|
suffix: '.min',
|
|
menubar: true,
|
|
plugins: 'link code table lists',
|
|
toolbar: 'undo redo | blocks bold italic underline | bullist numlist | link | table',
|
|
language: 'de',
|
|
language_url: '/tinymce/langs/de.js',
|
|
ui_mode: 'split',
|
|
convert_urls: props.convertUrls,
|
|
}"
|
|
/>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.tox .tox-promotion {
|
|
display: none !important;
|
|
}
|
|
</style>
|