ckeditor5-vue | Official CKEditor 5 Vue.js component | Editor library

I use vuejs and ckeditor.

I get an error when I go to the page with ckeditor. The editor does not display on the page at all.

Can you help me please?

TypeError: Cannot read properties of null (reading 'getAttribute') at IconView._updateXMLContent (app.js:89727:24) at IconView.render (app.js:89703:8) at IconView. (app.js:107630:32) at IconView.fire (app.js:105106:30) at IconView. [as render] (app.js:107634:16) at ViewCollection._renderViewIntoCollectionParent (app.js:98321:9) at ViewCollection. (app.js:98182:9) at ViewCollection.fire (app.js:105106:30) at ViewCollection.addMany (app.js:101049:9) at ViewCollection.add (app.js:101014:15)

here is my dependencies

The app has been running successfully in production for a year, and works perfectly on MacOS localhost. Recently needed to set up the app to run on Windows 10 localhost, and after resolving all the errors, now the app boots up, requests seem to get through, however, only the '/' page actually renders, all the other routes don't render and stay at a blank page.

What could be a reason?

During initial setup, I ran into an issue with windows-build-tools and a missing Python, which I ended up eventually resolving by installing everything through Chocolatey. Could this be related?

Node version on Windows is newer than one specified in project, could this cause this?

I'm happy to provide more details and perform any experiments any of you recommend or suggest. My own guess is that it is either something related to setup on Windows or some issue with the packages on Windows.

The app is booted up through a package.json start script:

I'm in the process of implementing a custom upload adapter for CKEditor 5 using VueJS3. Basing on the example provided in this StackOverflow question, I did the following:

1. I created UploadAdapter.vue file (code attached below)
2. I imported the file in my vue component import UploadAdapter from '@/Shared/UploadAdapter';
3. I then placed the Uploader() function in the component's methods and also included the extraPlugins: [this.uploader] in ck's editorConfig. (find code of vue component below)

Now the problem is I'm getting this strange error that tells me ReferenceError: $ is not defined when I drag and drop an image into the editor.

All search results on google point to this error being caused by lack of jquery. This confuses me because I'm using vuejs 3 and not jquery. Nevertheless I installed jquery using npm -i jquery and imported it into my vue component but still no luck.

I need help pointing out what triggers the ReferenceError: $ is not defined.

Here is my UploadAdapter.vue file

I am trying to handle a Promise in Javascript, and as a beginner I find the shorthand arrow functions a bit hard to read. So for now I like to expand it to be function(){ } rather than ()=>.

When handling a Promise, the following does not work:

I am trying to include CKEditor 5 in my Vue.js 3 app but am struggling with including it only on client-side. I am using server-side rendering which cannot handle window that CKEditor uses, so it must only load only if the browser requests it, and not Node.js.

In the setup() method I can test for IsBrowser like this:

I have been trying to implement an CkEditor, but i haven't made any success. I have created an online-builder from https://ckeditor.com/ckeditor-5/online-builder/.

-I have instaled: "@ckeditor/ckeditor5-build-classic": "^25.0.0", "@ckeditor/ckeditor5-vue2": "^1.0.5",

picture of files organization that i use i

And here is my component:

I Have a problem when use CKEditor 5 for my project ( VILT stack )

I can describe the problem as follows :

Here is my vue file:

How to add custom CSS class to element .ck-content, by other words, to editable formatted text container in CKEditor5 and Vue2?

The ck-content is the input field; we must differ it from the toolbar above, the other part of CKEditor. So if we want to apply some class affecting only to inputted content, it must not affect to toolbar.

Seems to be obvious solution:

Hi guys so currently im encountering a problem. Im trying customize a build, so everything works fine in the ckeditor ( which i cloned ) the sample.html works fine too. But when im trying to implement the customize build in Vue 2 i got the error like the title ( the original works okay btw, like the classic build ).