Web-based Wick editor

Hi!

I understand that Wick Editor is an open-source tool, and its source code is available on Github. We are looking to tie it in with our online learning platform (educational website for secondary school students) to allow them to learn and make animations. Does anyone know how to publish it on our server (just like wickeditor.com/editor) without using iframe?

Thanks in advance!

Why not iframe?
If it helps, wick editor’s site is hosted by github pages so you might be able to clone the repo and host it

finally something i can help with!
So do you know what your school is using to host the website’s server? It may be Firebase, Heroku, Github Pages, etc.
Once you figure that out, I can walk you through the process of deploying the website.
Or if you want I can host a whole new website for it.

(And welcome to the forums!)

1 Like

We try to minimise the use of iframe for several reasons - it breaks the website visitors’ flow, prevents use of stylesheets and screen readers, we may require changing of some terminology to suit the students or limit certain functionalities, etc. Of course, sometimes there is no choice but to use iframe, but it looks like Wick Editor is one of the few free open-source tools that could be tailored to suit our students’ needs.

@nuggetofwisdom
Thanks, your help is greatly appreciated!

It is a Linux server using Plesk Obsidian. I have cloned the github repo onto our domain (and changed %PUBLIC_URL% within “index.html” to the correct URL, however it still doesn’t seem to load. It is currently on our test domain at https://www.webbuster.education/wbuk/public/.

1 Like

sorry for the late response, I was taking a geometry quiz

Assuming you’ve logged into the server, you need to install the dependencies and then start the editor. If not, just log in by following these directions: https://docs.plesk.com/en-US/obsidian/cli-linux/getting-started-with-command-line-utilities.37894/

To do this, change your directory into the wick-editor directory if you haven’t already with:

cd wick-editor

Once you’ve done this, you must install the dependencies with:

npm install

Now all you need to do is start the editor with:

npm start

Awesome, now it should work!

(I just looked at your delivercomputing360 service, and I really like it! If you ever need any help with lessons plans or anything else, I would gladly help. Just ask if you have anything!)

1 Like

Ah I figured out the problem, I think it was because I cloned the wrong github repo.

I cloned the repo from (https://github.com/Wicklets/wick-editor) instead of (https://github.com/Wicklets/wick-site). It’s working now so time to play with it! :slight_smile:

And thanks for kind your comment, that’s very nice of you. The website has been in development for the last 4 years. It was initially developed to meet one school’s needs, which we have now opened up to other schools as well so we’ve been thinking of getting more personnel to join us.

If you’re interested, drop us an email at sales@webbuster.co.uk, Al can talk you through our project and what we need help with :slight_smile:

1 Like