Criando um prettifier

<script language="javascript">

$(document).ready(function() {

$(".canvas").html($(".canvas").html().replace("{", "<span style='color:red'>{</span>"));

$(".canvas").html($(".canvas").html().replace("}", "<span style='color:red'>}</span>"));

$(".canvas").html($(".canvas").html().replace("background-color", "<span style='color:blue'>background-color</span>"));

$(".canvas").html($(".canvas").html().replace("border", "<span style='color:blue'>border</span>"));

$(".canvas").html($(".canvas").html().replace("solid", "<b>solid</b>"));

}); 

</script>