How to Add Code Into Your Instrucatable.

Introduction: 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:



    • Metalworking Contest

      Metalworking Contest
    • Tiny Home Contest

      Tiny Home Contest
    • Water Contest

      Water Contest

    3 Discussions

    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.