Thursday, 22 September 2022

How to import ACE code editor into vue without using its vue component?

Beginner in vue here. I would want to use ace code editor (this package ) in vue.

For learning purposes, I don't want to use the vue2-component & vue3-component versions of the ace editor. How to do to it?

Why do I want to do this?

I am a programmer from pre-jquery era.Catching upto modern web development, starting with Vue. I noticed that lot of Vue component packages aren't upto date with their plain JS library conterparts. I want to learn this so that I can use any non-vue library in vue.

EDIT:

As per the first answer, The editor is working but the syntax highlighting & themes aren't working in the code editor. Probably, style sheets aren't loading or working.

I get the following errors in the console though. I have no clue about what else should be configuring.

enter image description here



from How to import ACE code editor into vue without using its vue component?

No comments:

Post a Comment