Psoting code on your WordPress Blog or Website
There’s a very easy, nice way to show source code on your blog or website.
If you are hosting your site on WordPress.com it’s even natively implemented.
Read the article on WordPress.com
If you self host your website or blog, you will need this plugin.
Here’s some examples of source code:
Some CSS code:
.scrolloff { pointer-events: none; }
A JavaScript:
<script type="text/javascript"> jQuery(document).ready(function($) { console.log("allLoaded"); // you want to enable the pointer events only on click; jQuery('#map_canvas1').addClass('scrolloff'); // set the pointer events to none on doc ready console.log("scrolloffAddedA"); jQuery('#canvas1').on('click', function () { console.log("clickDetected"); jQuery('#map_canvas1').removeClass('scrolloff'); // set the pointer events true on click console.log("scrolloffRemoved"); }); // you want to disable pointer events when the mouse leave the canvas area; jQuery("#map_canvas1").mouseleave(function () { console.log("mouseLeft"); jQuery('#map_canvas1').addClass('scrolloff'); // set the pointer events to none when mouse leaves the map area console.log("scrolloffAddedB"); }); }); </script>
And here’s the list of supported languages:
- actionscript3
- bash
- clojure
- coldfusion
- cpp
- csharp
- css
- delphi
- erlang
- fsharp
- diff
- groovy
- html
- javascript
- java
- javafx
- matlab (keywords only)
- objc
- perl
- php
- text
- powershell
- python
- r
- ruby
- scala
- sql
- vb
- xml