Storyline Staff - Please give us font and color controls in the Javascript editor!

Hi Storyline,

I know I speak for us all when I say that it's excruciatingly painful to look for 1 tiny error in a large Javascript that all looks the same in that Javascript window in Storyline.

Please provide us controls to edit the look and color of our Java code, so we can keep track of things such as variables, semicolons and curly brackets in an easier way...

Or, if you guys can make that automatic (for example, every variable gets a color when we declare it, and each occurrence of that variable appears in the same color), that would be amazing!

I look forward to such an update.

Thanks,

Anuradha

9 Replies
Walt Hamilton

Anuradha,

You do NOT speak for us all!!

Articulate, there are LOTS of JS editors available in this world, and it's easy to use one to troubleshoot, then copy and paste the script.

Please concentrate on what only you, in all the world can do: IMPROVE STORYLINE.  So many bugs, so many feature requests. Stay on track.

Shame on you, Anuradha, for trying to distract them.

Anuradha Gopu

Hi Walt,

Thank you for your reply. I have 2 doubts here:

1. It’s awesome to know that there are other JS editors I can use to check my JavaScript. Could you please point me to such an editor? I need one desperately.

2. I realize I may have been wrong in requesting such a feature. But do I really need to be ashamed for that??? I can assure you I did not put up this thread to distract Storyline staff (I don’t have the time for such things, really... nor do I have anything to gain from it). And I am also sure Storyline staff are not naive enough to be distracted by petty requests (if they really are not that important for the betterment of Storyline). Please be kinder in your replies. It can hurt people.

I realize there may be others who think I should be ashamed for putting up this discussion here. And if that is true, I am sorry. I didn’t mean to hurt anyone. Walt, sorry if my post hurt you in any way (judging by your reply, it looks like it did).

And lastly, I stand corrected... I DO NOT speak for us all.

Anuradha

Walt Hamilton

Here are some editors:

Notepad ++
Arachnophilia
w3schools has a try it editor, that doesn't help with syntax, but is fast and easy for testing a segment of code to see if it works.


https://hackr.io/blog/best-javascript-ide-source-code-editors-2020

https://www.softwaretestinghelp.com/best-code-editor/

https://www.elegantthemes.com/blog/resources/best-code-editors

You're right, shamed was not a good choice of words, I intended for it to be hyperbole. You don't have to read this forum very long to realize how little feature requests from here actually distract Articulate. On the other hand, there are a lot us us that need to stop and wonder if we really want SL to be a movie or audio or graphics editor, or any number of other options not germane to its central function.

Don't feel shame for starting a robust discussion. I think this forum could benefit from some discussions of learning and authoring principles that go deeper than "Which icon do I push to make ...?"

 

Matthew Bibby

Anuradha, for editing code, I use Atom these days. However, I've also had a positive experience with Sublime Text and Brackets in the past.

You also want to learn how to use your browsers JavaScript Console. This is invaluable when trying to figure out why your code isn't working as it will show warnings and errors that occur at runtime.

Having a better JavaScript editor would be a good edition to Storyline, however, the work that it would take to make it as good as a standalone editor probably isn't worth the effort.

Another tip that might help... when you add JavaScript to a Storyline course and publish the course, the JavaScript will be inside a file called user.js. This is good to know as it means you can directly edit that file using a standalone code editor, then simply refresh the browser window showing your course to see the changes in code - without having to republish the course.

One caveat, depending on the type of JavaScript you are writing and the way you are testing your course, sometimes you may need to clear your browser cache (or open the course in a private browser window) to see the changes.

Hope that helps!

Phil Mayor

I am still using Atom, I do think that Articulate should incorporate a better javascript editor, I also don't see it would take a lot of resources as they could license one and incorporate it or allow is to set our own javascript trigger editor. 

I also use snippetsLab to store anything that I use for future use which has a code editor, I would love something this where I can store snippets inside the editor and recall them at any time. One benefit of a better editor is it could check the correct spelling of internal and user defined variables,.

Dave Cox

HI Anuradha

Although a better JavaScript code editor would certainly be nice, I kind of doubt that it is going to happen. Although Articulate allows us to add JavaScript to our projects, they don't in any way support it.

What I've found that most people really need; is a better way to find out where is the error in the code. Although many don't know this, but you can debug your code right in your browser. All you have to do is press F12 to open the browser's developers panel, and then select the console tab to display any messages from the console. In errors in the code will display here. You can also display other messages, including the value of your variables by using the console.log() statement in your code, so you can watch variables update as your code progresses. For example, the statement console.log("My Varable = "+myVariable); would display:
"My Variable = 0", if the value of the variable  myVariable was equal to 0.

Dave

Anuradha Gopu

Hi Dave,

Thanks for your reply! Yes, I have just figured out about pressing F12 in the browser window... But, being new to this stuff, I sometimes miss the errors it points out. I am learning slowly though. :)

Thanks for the tip about the console.log() statement. I'm gonna try that!

Anuradha