BlindJS Logo

The no code mistakes tool for presenters

BlindJS is an extremely useful tool for lectures, lessons and presentations.
It allows you to write code samples quickly and without any chance for mistakes.
BlindJS is a Javascript library that replaces content with pre-defined code in your code editor or web page.

How To Use BlindJS In VSCode (1:29)?

Commands:

Show the code - right click and "Open With BlindJS"

Go back to regular editing - right click and "Terminate BlindJS"

How To Install BlindJS In VSCode?

Open VSCode and type ctrl+P and type ext install ShaiMesisterano.blindjs
You can also use BlindJS in the browser:
  1. Include lib/blind.min.js before </body>
  2. Create a wrapper and insert your code: 
        <div id="divElement">
        function func(){
            alert("Super Awesome!");
        }
    </div>
  3. Add textarea placeholder: 
        <textarea id="textareaElement">
    </textarea>
  4. Start BlindJS with reference to an input text ∧ output element: 
        BlindJS.start({
    input: divElement.innerText,
    output: textareaElement
    });
Live Browser Demo

Type Random Keys:

Real Code:

function func(){
    alert("Super Awesome!");
}

About

BlindJS was created by Shai Mesisterano and is licensed under MIT.

GitHub: https://github.com/ShaiMesisterano/BlindJS