tinymce-vue | Official TinyMCE Vue component | Editor library

I write quite a few single page vue 2 files but have never tried using a "component" before. Can someone help spot the problem with my code? The error I'm getting is "Editor is not defined". Every example out there has you importing the vue module but I'm not using a builder so I thought just including the script(s) would work. I have removed a lot of extraneous code to make it simpler to read (I hope).

I have a vue3/symfony project and i started implementing typescript but i came across an issue that i cannot solve. For building assets i'm using webpack encore and when i start the watcher the assets are compiled just fine, but when i change anything in my .vue files ( even adding a blank space to force webpack to recompile ) i get this error:

TS2614: Module '"resources/ts/helpers"' has no exported member 'TestClass'. Did you mean to use 'import TestClass from "resources/ts/helpers"' instead?

TS2339: Property '__file' does not exist on type '{}'.

Important notes: if i do any kind of change ( even a blank space ) on the helper.ts the compilation is again succesfully.

This only happens to .ts files imported into .vue files. The .js or .vue(with or without typescript) files that i've imported are fine

helpers.ts:

I would like to know how can I use tinymce-vue (vue 3) (@tinymce/tinymce-vue ^4.0.4) with laravel-filemanager The filemanager works fine, but when I click on "confirm" to select my image :

I have an error :

In code :

I use "@tinymce/tinymce-vue": "^4.0.4" (vue 3)

My component :

I have a simple Vue3 application that is making heavy use of TailwindUI components. I'm trying to place a TinyMce editor inside of a slide over component and that works fine. The issue is the entry animation.

On first entry, it slides in like it's supposed to. However, if it is closed and reopened the entry animation is gone. The whole time the exit animation continues to work without issue. Is there a way I can do this and keep the animation intact?

Here is a CodeSandBox with the issue reproduced in it's simplest form.

Here is the relevant code: App.vue

I am trying to make a loading bar on my project using Vue ProgressBar, and it works on my route, and that does not work when Axios is getting or posting the request.

This is my project code when i start the loading bar,

I've been trying for a while to learn how to use external Node Packages, but I keep getting frustrated.

I am currently trying to implement TinyMCE. I've installed the required packages and the example instructs me to do the following:

I have a problem with the integration of TinyMCE in a Vue project. The Official TinyMCE Vue.js component (tinymce-vue) works but is only a gateway to request the sources via CDN.

I want to have a self hosted version, but in no case download the sources directly. The tinymce package via npm does not interface properly with Vue.

import tinymce from "tinymce/tinymce";

tinymce.init({ selector: "textarea"}); throws an error :

Uncaught SyntaxError: expected expression, got '<' theme.js:1

I have a textarea in the template

How can I fix this problem? Thanks

i'm working on an laravel vuejs spa. I try to update a post from the admin. I send the form datas on creating a new FromData who are sending with and axios request.

But the controller send me the error:

I have settings table with 3 columns (id, property, content). I have seeded some data into settings table and I want to update this table. I am filling some form where each input is presenting one row of the table settings. After submitting that form, I want my table to be updated... For example, some of my property-content pairs (some of my inputs in this form) are: background_image - 'image.jpg' header - 'this is the header'

I am confused because I don't really know what should I send to backend and also I am not sure what should endpoint be... I hope some of you can help me. If you need more questions, be free to ask me. Thanks in advance, and here is my code:

SettingsController.php