{"id":636,"date":"2008-01-28T00:16:42","date_gmt":"2008-01-28T04:16:42","guid":{"rendered":"http:\/\/www.wehuberconsultingllc.com\/wordpress\/?p=636"},"modified":"2008-01-28T00:16:42","modified_gmt":"2008-01-28T04:16:42","slug":"javascript-code-highlighter-chili-vs-syntaxhighlighter-pseudocodercom","status":"publish","type":"post","link":"https:\/\/wehuberconsultingllc.com\/wordpress\/2008\/01\/28\/javascript-code-highlighter-chili-vs-syntaxhighlighter-pseudocodercom\/","title":{"rendered":"Javascript Code Highlighter: Chili vs SyntaxHighlighter :: PseudoCoder.com"},"content":{"rendered":"<p>Today I tried to get <a href=\"http:\/\/noteslog.com\/chili\/\">Chili<\/a> to work on this blog. I post code occasionally and Chili was appealing to me since it uses jQuery for most of the heavy lifting. I was hopeful that Chili would be quick and incrementally increase the amount of JavaScript downloaded. Chili didn&#8217;t work for me. It had syntax errors in the JavaScript. My debugging skills were not finding any quick answers so I decided to give plan <a href=\"http:\/\/code.google.com\/p\/syntaxhighlighter\/wiki\/Usage\">SyntaxHighlighter<\/a> a try. <\/p>\n<p>From the post it looked like SyntaxHighlighter was going to be a bear to install so I decided to check the <a href=\"http:\/\/wordpress.org\/extend\/\">WordPress plugins web site<\/a> for possible alternatives. Guess what I found, <a href=\"http:\/\/wordpress.org\/extend\/plugins\/syntaxhighlighter-plus\/\">SyntaxHighlighter-Plus<\/a>! This recently updated plugin uses the <a href=\"http:\/\/code.google.com\/p\/syntaxhighlighter\/\">SyntaxHighlighter JavaScript package by Alex Gorbatchev<\/a> and makes installing a syntax highlighter a snap. The instructions are a little sparse on how to use it but I converted several existing code snippets to use the plugin. They looked good after I figured out how to get around the automatic encoding of HTML entities. The first time the editor encodes those special characters it was nice. The less than character becomes &amp;lt;. The second time it encodes the characters, it created a mess. The less than character becomes &amp;amp;lt;. I guess I should turn off the visual editor again. I also had to hand tune the CSS to get around some alignment issues.<\/p>\n<p>Overall I give the plugin a thumbs up based on ease of installation and the light load it added, ~25K bytes. Editing a post is still a problem but I can work around that problem.<\/p>\n<p><a href=\"http:\/\/www.pseudocoder.com\/archives\/2007\/06\/23\/javascript-code-highlighter-chili-vs-syntaxhighlighter\/\">Javascript Code Highlighter: Chili vs SyntaxHighlighter :: PseudoCoder.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I tried to get Chili to work on this blog. I post code occasionally and Chili was appealing to me since it uses jQuery for most of the heavy lifting. I was hopeful that Chili would be quick and incrementally increase the amount of JavaScript downloaded. Chili didn&#8217;t work for me. It had syntax &hellip; <a href=\"https:\/\/wehuberconsultingllc.com\/wordpress\/2008\/01\/28\/javascript-code-highlighter-chili-vs-syntaxhighlighter-pseudocodercom\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Javascript Code Highlighter: Chili vs SyntaxHighlighter :: PseudoCoder.com&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[124,16,123],"class_list":["post-636","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-css","tag-webdesign","tag-wordpress"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p4iN3d-ag","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/posts\/636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/comments?post=636"}],"version-history":[{"count":0,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/posts\/636\/revisions"}],"wp:attachment":[{"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/media?parent=636"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/categories?post=636"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wehuberconsultingllc.com\/wordpress\/wp-json\/wp\/v2\/tags?post=636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}