rockfic/next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(components): point tinymce component to local installation

Browse Source 
tiny.dick has caught up to us unfortunately :/
This commit is contained in:
✑ ☙◦❀ The Tablet ☯ GamerGirlandCo ❀◦❧ 2023-10-10 22:07:12 -04:00
parent 90b0256008
commit dd30f08d9a
Signed by: tablet
GPG Key ID: 924A5F6AF051E87C
1 changed files with 43 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
components/baseEditor.vue
View File

@ -1,28 +1,45 @@
<script setup lang="ts">
import TinymceEditor from "@tinymce/tinymce-vue"
import {useDark} from "@vueuse/core"
import { NamePath } from "ant-design-vue/es/form/interface";
import {Field as VeeField} from "vee-validate"
import tinymce from "tinymce"
const props = defineProps<{
name: string;
init: any;
label: string;
val?: string;
width?: number;
wrapCol?: any;
<script setup lang="ts">
import TinymceEditor from "@tinymce/tinymce-vue";
import { useDark } from "@vueuse/core";
import { NamePath } from "ant-design-vue/es/form/interface";
import { Field as VeeField } from "vee-validate";
import tinymce from "tinymce";
const props = defineProps<{
name: string;
init: any;
label: string;
val?: string;
width?: number;
wrapCol?: any;
}>();
let dark = inject<boolean>("dark");
</script>
<template>
<ClientOnly>
<vee-field :name="props.name" v-slot="{errorMessage, field, value}" :value="val">
<a-form-item :validate-status="!!errorMessage ? 'error' : undefined" :name="props.name" :label="props.label" :value="val">
<tinymce-editor v-bind="field" width="100%" cloud-channel="6-dev" api-key="qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc"
:init="{...props.init,
skin: props.dark ? 'oxide-dark' : 'oxide',
content_css: props.dark ? 'dark' : 'default'}"/>
</a-form-item>
</vee-field>
</ClientOnly>
</template>
</script>
<template>
<ClientOnly>
<vee-field
:name="props.name"
v-slot="{ errorMessage, field, value }"
:model-value="props.val"
>
<a-form-item
:validate-status="!!errorMessage ? 'error' : undefined"
:name="props.name"
:label="props.label"
:help="errorMessage"
>
<tinymce-editor
v-bind="field"
width="100%"
:initial-value="value"
v-model:model-value="field.value"
tinymce-script-src="/tinymce/js/tinymce/tinymce.min.js"
:init="{
...props.init,
skin: dark ? 'oxide-dark' : 'oxide',
content_css: dark ? 'dark' : 'default',
}"
/>
</a-form-item>
</vee-field>
</ClientOnly>
</template>