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?

Watch a 1:30 video: https://www.youtube.com/watch?v=zoC78I4eF4o

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

How To 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
       });
                       

About

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