Can Color All Programming Languages and right now has JS, PY and Slua already defined! To define more languages just specify which language and add whatever keywords you like to the array.
<script src = '../js/color/catopalian_javascript_universal_code_colorer.js'></script>We add this to the body tag
<body onnload = 'applyCustomHighlighting();'>We then just add a code tag
<h3> JavaScript </h3>
<code class="custom-code" data-language="js">let speed = 70; // Set initial velocity
function engageThrusters()
{
console.log("Thrusters engaged at", speed);
}
engageThrusters();</code>Full HTML Example
<!DOCTYPE html>
<html lang = 'en'>
<head>
<title> CATopalian JavaScript Univeral Code Translator Vertical </title>
<style>
body
{
background-color: rgb(0, 0, 0);
font-size: 24px;
color: rgb(255, 255, 255);
}
h1, h2, h3, h4, h5, h6
{
margin: 2px;
}
code
{
font-size: 24px;
font-weight: bold;
}
</style>
<script src = '../js/color/catopalian_javascript_universal_code_colorer.js'></script>
</head>
<body onnload = 'applyCustomHighlighting();'>
<h3> SLua </h3>
<code class="custom-code" data-language="lua">local speed = 70 -- Set initial velocity
local function engageThrusters()
print("Thrusters engaged at " .. speed)
end
engageThrusters()</code>
<hr>
<h3> JavaScript </h3>
<code class="custom-code" data-language="js">let speed = 70; // Set initial velocity
function engageThrusters()
{
console.log("Thrusters engaged at", speed);
}
engageThrusters();</code>
<hr>
<h3> Python </h3>
<code class="custom-code" data-language="py">speed = 70 # Set initial velocity
def engageThrusters():
print("Thrusters engaged at", speed)
engageThrusters()</code>
<hr>
</body>
</html>In the src > js > color folder we find the Colorer Script named catopalian_javascript_universal_code_colorer.js
note
This file named catopalian_javascript_universal_code_colorer.js must be in your project folder to color the code.Remember to applyCustomHighlighting() in the body onnload of your html file.
Remember to use code tags and specify which language you want to use and put your code in between those code tags and it will be now be colored.
Video: https://www.youtube.com/watch?v=tswEICyl8rs
- Click the green Code Button on this github page
- Choose Download ZIP
- Save the Zip File
- Extract All
- Double click the HTML file to start the App
Happy Scripting :-)
//----//
// Dedicated to God the Father
// All Rights Reserved Christopher Andrew Topalian Copyright 2000-2026
// https://github.com/ChristopherTopalian
// https://github.com/ChristopherAndrewTopalian
// https://sites.google.com/view/CollegeOfScripting
College of Scripting Music & Science