[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f8U9T0Q6637p3fRtemIEqLCm-PDCn4I_ommVKJjXsEqs":3},{"slug":4,"display_name":4,"profile_url":5,"plugin_count":6,"total_installs":7,"avg_security_score":8,"avg_patch_time_days":9,"trust_score":10,"computed_at":11,"plugins":12},"dwhitevisoft","https:\u002F\u002Fprofiles.wordpress.org\u002Fdwhitevisoft\u002F",2,20,85,30,84,"2026-04-05T04:41:23.222Z",[13,38],{"slug":14,"name":15,"version":16,"author":4,"author_profile":5,"description":17,"short_description":18,"active_installs":19,"downloaded":20,"rating":21,"num_ratings":22,"last_updated":23,"tested_up_to":24,"requires_at_least":25,"requires_php":26,"tags":27,"homepage":33,"download_link":34,"security_score":8,"vuln_count":35,"unpatched_count":35,"last_vuln_date":36,"fetched_at":37},"goodbye-syntax-highlighter","Goodbye Syntax Highlighter","0.1.2","\u003Cp>For years I’ve used \u003Ca href=\"http:\u002F\u002Falexgorbatchev.com\u002FSyntaxHighlighter\u002F\" rel=\"nofollow ugc\">Alex Gorbatchev’s SyntaxHighlighter\u003C\u002Fa>. It has served me well over the years. When I moved to WordPress I tried various plugins based on the library, such \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fextend\u002Fplugins\u002Fsyntaxhighlighter\u002F\" rel=\"ugc\">SyntaxHighlighter Evolved\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>I’ve decided to start blogging using \u003Ca href=\"http:\u002F\u002Fdaringfireball.net\u002Fprojects\u002Fmarkdown\u002F\" rel=\"nofollow ugc\">Markdown\u003C\u002Fa>. Making this move I needed to find a way to highlight various bits of source code in an easy way. There are many nice libraries that make this a snap, such as \u003Ca href=\"http:\u002F\u002Fcode.google.com\u002Fp\u002Fgoogle-code-prettify\u002F\" rel=\"nofollow ugc\">google-code-prettify\u003C\u002Fa> or \u003Ca href=\"http:\u002F\u002Fsoftwaremaniacs.org\u002Fsoft\u002Fhighlight\u002Fen\u002F\" rel=\"nofollow ugc\">highlight.js\u003C\u002Fa>. In the end I decided to go with highlight.js, for the simple reason that it is automatic, working flawlessly with Markdown’s code syntax output.\u003C\u002Fp>\n\u003Cp>Great, but my existing source code examples use SyntaxHighlighter’s style for code blocks (using \u003Ccode>\u003Cpre class=\"brush: ruby;\" \u002F>\u003C\u002Fcode>, for example). I could have converted things in a few ways:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>Change the database\u003C\u002Fli>\n\u003Cli>Write a JS script to convert the \u003Ccode>\u003Cpre \u002F>\u003C\u002Fcode> structure to \u003Ccode>\u003Cpre>\u003Ccode \u002F>\u003C\u002Fpre>\u003C\u002Fcode>\u003C\u002Fli>\n\u003Cli>Write a JS script to call highlight.js’ \u003Ccode>highlightBlock\u003C\u002Fcode> method\u003C\u002Fli>\n\u003Cli>Write a WP plugin and reformat things easily \u003Cstrong>Ding Ding Ding\u003C\u002Fstrong>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>So there you have it. This WordPress plugin will go through and process your SyntaxHighlighter style blocks into ones that highlight.js works with out-of-the-box. It will also add the language that you have specified with the \u003Ccode>brush\u003C\u002Fcode> class and add it as a class on the \u003Ccode>\u003Ccode \u002F>\u003C\u002Fcode> element (\u003Ca href=\"http:\u002F\u002Fwww.w3.org\u002Fhtml\u002Fwg\u002Fdrafts\u002Fhtml\u002Fmaster\u002Ftext-level-semantics.html#the-code-element\" rel=\"nofollow ugc\">following the HTML5 recommendation\u003C\u002Fa>). Nothing is changed in the DB, so if you decide to go back to SyntaxHighlighter, you can without any issues.\u003C\u002Fp>\n\u003Ch3>GeSHi\u003C\u002Fh3>\n\u003Cp>This plugin now supports conversion of \u003Ca href=\"http:\u002F\u002Fqbnz.com\u002Fhighlighter\u002F\" rel=\"nofollow ugc\">GeSHi\u003C\u002Fa> style code blocks! Now you can move from plugins such as \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fextend\u002Fplugins\u002Fwp-syntax\u002F\" rel=\"ugc\">WP-Syntax\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fextend\u002Fplugins\u002Fwp-geshi-highlight\" rel=\"ugc\">WP-GeSHi-Highlight\u003C\u002Fa> to highlight.js.\u003C\u002Fp>\n\u003Cp>GeSHi uses the syntax that is \u003Cem>close\u003C\u002Fem> to SyntaxHighlighter, except instead of putting the language in the \u003Ccode>class\u003C\u002Fcode> attribute, it uses the \u003Ccode>lang\u003C\u002Fcode> attribute. Similar to the SyntaxHighligher conversion, it will go through and process your GeSHi style blocks into ones that highlight.js works with out-of-the-box. It will also add the language that you have specified with the \u003Ccode>lang\u003C\u002Fcode> attribute and add it as a \u003Ccode>class\u003C\u002Fcode> on the \u003Ccode>\u003Ccode \u002F>\u003C\u002Fcode> element.\u003C\u002Fp>\n","For years I've used Alex Gorbatchev's SyntaxHighlighter. It has served me well over the years. When I moved to WordPress I tried various plu …",10,3977,100,1,"2013-02-11T17:05:00.000Z","3.5.2","3.1","",[28,29,30,31,32],"code","highlight","highlight-js","pre","syntax","https:\u002F\u002Fgithub.com\u002Fvisoft\u002Fgoodbye-syntax-highlighter","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fgoodbye-syntax-highlighter.0.1.2.zip",0,null,"2026-03-15T15:16:48.613Z",{"slug":39,"name":40,"version":41,"author":4,"author_profile":5,"description":42,"short_description":43,"active_installs":19,"downloaded":44,"rating":35,"num_ratings":35,"last_updated":45,"tested_up_to":24,"requires_at_least":25,"requires_php":26,"tags":46,"homepage":48,"download_link":49,"security_score":8,"vuln_count":35,"unpatched_count":35,"last_vuln_date":36,"fetched_at":37},"wp-markdown-syntax-sugar","WP-Markdown-Syntax-Sugar","0.1.1","\u003Cp>WP Markdown Syntax Sugar work in conjunction with plugins such as \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fextend\u002Fplugins\u002Fwp-markdown\u002F\" rel=\"ugc\">wp-markdown\u003C\u002Fa>\u003Cbr \u002F>\nand \u003Ca href=\"https:\u002F\u002Fwordpress.org\u002Fextend\u002Fplugins\u002Fwp-highlightjs\u002F\" rel=\"ugc\">wp-highlight.js\u003C\u002Fa>. Markdown is fantastic markup for easily\u003Cbr \u002F>\nwriting blogs, and \u003Ca href=\"http:\u002F\u002Fsoftwaremaniacs.org\u002Fsoft\u002Fhighlight\u002Fen\u002F\" rel=\"nofollow ugc\">highlight.js\u003C\u002Fa> is an extremely easy way to highlight\u003Cbr \u002F>\ncode examples. In most cases, highlight.js automatically detects the proper language for a block of code. In certain\u003Cbr \u002F>\ncases, primarily if your code example is short, highlight.js could improperly detect the language that you are using;\u003Cbr \u002F>\nthat is where this plugin comes into play. By adding one line to your code blocks, you can explicitly set the language\u003Cbr \u002F>\nthat you are using, allowing highlight.js to properly format your code.\u003C\u002Fp>\n\u003Cp>The concept is inspired by the \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fspjwebster\u002Fwp-markdown-syntax-highlight\" rel=\"nofollow ugc\">wp-markdown-syntax-highlight\u003C\u002Fa>\u003Cbr \u002F>\nplugin.\u003C\u002Fp>\n\u003Cp>The usage is extremely simple. Just add a shebang as the first line of your code example with the language you are using.\u003C\u002Fp>\n\u003Cpre>\u003Ccode>#!ruby\nclass Foo \u003C Bar\n  def hello\n    puts \"Hello World!\"\n  end\nend\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>The shebang is removed, and the code is outputted as:\u003C\u002Fp>\n\u003Cpre>\u003Ccode>\u003Cpre>\u003Ccode class=\"language-ruby\">class Foo \u003C Bar\n  def hello\n    puts \"Hello World!\"\n  end\nend\u003C\u002Fcode>\u003C\u002Fpre>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Now the code block is properly formatted for highlight.js to do its magic, and the code snippet will be properly\u003Cbr \u002F>\nhighlighted.\u003C\u002Fp>\n","WP Markdown Syntax Sugar is a simple plugin that works in conjunction with Markdown code blocks and highlight.js to properly format code.",1933,"2013-01-03T22:06:00.000Z",[28,30,47,31,32],"markdown","https:\u002F\u002Fgithub.com\u002Fvisoft\u002Fwp-markdown-syntax-sugar","https:\u002F\u002Fdownloads.wordpress.org\u002Fplugin\u002Fwp-markdown-syntax-sugar.0.1.1.zip"]