How to Add Code Into Your Instrucatable.

by StephanS2 in Circuits > Software

631 Views, 5 Favorites, 0 Comments

How to Add Code Into Your Instrucatable.

ezgif.com-add-text.gif
Capture.JPG

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

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

Using DevTools

ezgif.com-add-text.gif

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!

Via Tempermonkey or Greasemonkey

Capture.JPG

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.

Userscript:
http://puu.sh/snvFO/372df330d7.txt

Tampermoney for Chrome:
https://chrome.google.com/webstore/detail/tampermo...

Greasemonkey for Firefox:
https://addons.mozilla.org/nl/firefox/addon/grease...