Syntax Highlighter - PRISM
http://prismjs.com/download.html
http://prismjs.com/plugins/line-numbers/
http://prismjs.com/plugins/line-highlight/
https://scotch.io/tutorials/get-beautiful-syntax-highlighting-for-your-website-code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hello SyntaxHighlighter</title>
<link type="text/css" rel="stylesheet" href="prism.css"/>
</head>
<body>
<pre class="line-numbers"><code class="language-php">look at my html stuff here <strong>BOLD TEXT</strong>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td><?php echo $name ?> </td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Photo extends Model
{
// used as a shortcut so that we dont prepend images with /images/ every time
// we reference an image in the views
protected $uploads = '/images/' ;
protected $fillable = ['file'] ;
public function getFileAttribute($photo) {
return $this->uploads . $photo ;
}
}
</code>
</pre>
<pre class="line-numbers"><code class="language-markup">
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Photo extends Model
{
// used as a shortcut so that we dont prepend images with /images/ every time
// we reference an image in the views
protected $uploads = '/images/' ;
protected $fillable = ['file'] ;
public function getFileAttribute($photo) {
return $this->uploads . $photo ;
}
}
</code>
</pre>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="prism.js"></script>
</html>