How to Add Code Into Your Instrucatable.

In this instructable I will show you how to add code like this:

<DOCTYPE html>
    <title>A webpage</title>
    <h1>A webpage</h1>
    <p>Lorem ipsum</p>

Step 1: Using DevTools

To add code using devTools, create a temporally (empty) line, press F12, click the Inspector and target the line. Change the "p" to an "pre" and you are done!

Step 2: Via Tempermonkey or Greasemonkey

If you are using Chrome or Firefox as your browser, you can add the following userscript to add an code button to the WYSIWYG editor.


Greasemonkey for Firefox:



    • Safe and Secure Challenge

      Safe and Secure Challenge
    • Cardboard Challenge

      Cardboard Challenge
    • Epilog X Contest

      Epilog X Contest

    3 Discussions

    Maker Saga

    1 year ago

    The userscript just says "this puush can't be found"


    I agree with that, the only downside is that the WYSIWYG editor of instructables is really limited to what is can do with it's build in buttons.