{"id":892,"date":"2012-12-24T16:58:17","date_gmt":"2012-12-24T15:58:17","guid":{"rendered":"http:\/\/denbeke.be\/blog\/?p=892"},"modified":"2014-08-25T19:04:14","modified_gmt":"2014-08-25T18:04:14","slug":"rainbow-syntax-highlighting","status":"publish","type":"post","link":"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/","title":{"rendered":"Rainbow Syntax Highlighting"},"content":{"rendered":"<p>Ik was al een tijdje opzoek naar een degelijke syntax highlighter om code snippets degelijk op te maken. Gisteren viel mijn oog op <a href=\"http:\/\/craig.is\/making\/rainbows\">Rainbow<\/a>, een\u00a0syntax highlighter die gebruik maakt van Javascript en CSS. Hierdoor kan deze heel eenvoudig aangepast worden.<\/p>\n<p>Deze\u00a0syntax highlighter heb ik dan in een WordPress plugin gegoten en een aangepaste layout gegeven om het beter te doen aansluiten met de rest van het design.<\/p>\n<p>&nbsp;<\/p>\n<p>Rainbow ondersteunt een heleboel programmeertalen:\u00a0c, generic, javascript, r, smalltalk, coffeescript, go, lua, ruby, csharp, html, php, scheme, css, java, python, shell<\/p>\n<p>&nbsp;<\/p>\n<p>Hieronder zie je hoe Rainbow een stukje Python code opmaakt.<\/p>\n<pre><code data-language=\"python\"><a href=\"http:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/attachment\/schermafbeelding-2014-08-25-om-19-53-29\/\" rel=\"attachment wp-att-1531\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1531\" alt=\"Schermafbeelding 2014-08-25 om 19.53.29\" src=\"http:\/\/denbeke.be\/blog\/wp-content\/uploads\/2012\/12\/Schermafbeelding-2014-08-25-om-19.53.29.png\" width=\"714\" height=\"146\" srcset=\"https:\/\/denbeke.be\/blog\/wp-content\/uploads\/2012\/12\/Schermafbeelding-2014-08-25-om-19.53.29.png 714w, https:\/\/denbeke.be\/blog\/wp-content\/uploads\/2012\/12\/Schermafbeelding-2014-08-25-om-19.53.29-300x61.png 300w\" sizes=\"(max-width: 714px) 100vw, 714px\" \/><\/a><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Ik was al een tijdje opzoek naar een degelijke syntax highlighter om code snippets degelijk op te maken. Gisteren viel mijn oog op Rainbow, een\u00a0syntax highlighter die gebruik maakt van Javascript en CSS. Hierdoor kan deze heel eenvoudig aangepast worden. Deze\u00a0syntax highlighter heb ik dan in een WordPress plugin gegoten en een aangepaste layout gegeven [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[122],"tags":[58,136,110,108],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.6.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rainbow Syntax Highlighting &ndash; DenBeke<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rainbow Syntax Highlighting &ndash; DenBeke\" \/>\n<meta property=\"og:description\" content=\"Ik was al een tijdje opzoek naar een degelijke syntax highlighter om code snippets degelijk op te maken. Gisteren viel mijn oog op Rainbow, een\u00a0syntax highlighter die gebruik maakt van Javascript en CSS. Hierdoor kan deze heel eenvoudig aangepast worden. Deze\u00a0syntax highlighter heb ik dan in een WordPress plugin gegoten en een aangepaste layout gegeven [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/\" \/>\n<meta property=\"og:site_name\" content=\"DenBeke\" \/>\n<meta property=\"article:published_time\" content=\"2012-12-24T15:58:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-25T18:04:14+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/denbeke.be\/blog\/wp-content\/uploads\/2012\/12\/Schermafbeelding-2014-08-25-om-19.53.29.png\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@MthsBk\" \/>\n<meta name=\"twitter:site\" content=\"@MthsBk\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/denbeke.be\/blog\/#website\",\"url\":\"https:\/\/denbeke.be\/blog\/\",\"name\":\"DenBeke\",\"description\":\"Mathias Beke\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/denbeke.be\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/denbeke.be\/blog\/wp-content\/uploads\/2012\/12\/Schermafbeelding-2014-08-25-om-19.53.29.png\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/#webpage\",\"url\":\"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/\",\"name\":\"Rainbow Syntax Highlighting &ndash; DenBeke\",\"isPartOf\":{\"@id\":\"https:\/\/denbeke.be\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/#primaryimage\"},\"datePublished\":\"2012-12-24T15:58:17+00:00\",\"dateModified\":\"2014-08-25T18:04:14+00:00\",\"author\":{\"@id\":\"https:\/\/denbeke.be\/blog\/#\/schema\/person\/386878f712fe3fe22227216f087772dc\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/denbeke.be\/blog\/programmeren\/rainbow-syntax-highlighting\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/denbeke.be\/blog\/#\/schema\/person\/386878f712fe3fe22227216f087772dc\",\"name\":\"Mathias Beke\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/denbeke.be\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/015ba35e6ce4f5859e3888ca99807575?s=96&d=mm&r=g\",\"caption\":\"Mathias Beke\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/posts\/892"}],"collection":[{"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/comments?post=892"}],"version-history":[{"count":8,"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/posts\/892\/revisions"}],"predecessor-version":[{"id":1533,"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/posts\/892\/revisions\/1533"}],"wp:attachment":[{"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/media?parent=892"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/categories?post=892"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/denbeke.be\/blog\/wp-json\/wp\/v2\/tags?post=892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}