{"id":494,"date":"2009-01-14T17:29:26","date_gmt":"2009-01-14T16:29:26","guid":{"rendered":"http:\/\/blogg.ngn.nu\/index.php\/2009\/01\/14\/testar-syntax-highligt-wp-codebox\/"},"modified":"2009-01-14T22:55:31","modified_gmt":"2009-01-14T21:55:31","slug":"testar-syntax-highligt-wp-codebox","status":"publish","type":"post","link":"https:\/\/blogg.ngn.nu\/index.php\/2009\/01\/14\/testar-syntax-highligt-wp-codebox\/","title":{"rendered":"Testar Syntax Highligt: WP-CodeBox"},"content":{"rendered":"
' Gambas class file\r\n\r\nPUBLIC UrklippVSString AS Variant\r\nPUBLIC bRam AS Boolean\r\n\r\nPUBLIC SUB Form_Open()\r\n  bRam = TRUE\r\n  textDatumTid_vs.Text = CStr(Format(Now(), \"yymmdd\")) & \"_\" & CStr(Format(Now(), \"hhmmss\")) ' Tiden visades lite knasigt? Typ 40 min f\u00f6r lite?\r\n  rbVisaMer_Click\r\n  textRubrik_vs_Change\r\nEND\r\n\r\nPUBLIC SUB textRubrik_vs_Change()\r\n  IF rbVisaMer.Value THEN \r\n      theString(\"[Visa mer...]\")\r\n  END IF\r\n \r\n  IF rbVisaEXIF.Value THEN \r\n        theString(\"[Visa EXIF:]\")\r\n  END IF\r\nEND\r\n\r\nPUBLIC SUB knappTillUrklipp_Click()\r\n    Clipboard.Copy(UrklippVSString)\r\n    textDatumTid_vs.Text = CStr(Format(Now(), \"yymmdd\")) & \"_\" & CStr(Format(Now(), \"hhmmss\"))\r\nEND\r\n\r\nPUBLIC SUB Form_Resize()\r\n  textBefore_vs.Resize(ME.ClientW - 110, textBefore_vs.h)  \r\n  textSkyl_vs.Resize(ME.ClientW - 110, ME.H - (Panel1.H + 170))  \r\n  Panel1.Resize(ME.ClientW, Panel1.h)  \r\n  Panel1.Top = (ME.H - Panel1.H) - 15\r\n  textAfterText_vs.Resize(ME.ClientW - 110, textAfterText_vs.h) \r\n  knappTillUrklipp.Left = (ME.W - knappTillUrklipp.W) - 15\r\nEND\r\n\r\nPUBLIC SUB textDatumTid_vs_Change()\r\n  IF rbVisaMer.Value THEN \r\n      theString(\"[Visa mer...]\")\r\n  END IF\r\n  \r\n  IF rbVisaEXIF.Value THEN \r\n      theString(\"[Visa EXIF:]\")\r\n  END IF\r\nEND\r\n\r\nPUBLIC SUB textSkyl_vs_Change()\r\n  textSkyl_vs.Refresh\r\n  UrklippVSString = Conv(textBefore_vs.text & textSkyl_vs.text & textAfterText_vs.text, \"utf-8\", \"Latin1\")\r\nEND\r\n\r\nPUBLIC SUB rbVisaMer_Click()\r\n  IF rbVisaMer.Value THEN \r\n      theString(\"[Visa mer...]\")\r\n  END IF\r\n  \r\n  IF rbVisaEXIF.Value THEN \r\n    theString(\"[Visa EXIF:]\")\r\n  END IF\r\nEND\r\n\r\nPUBLIC SUB rbVisaEXIF_Click()\r\n   IF rbVisaMer.Value THEN \r\n    theString(\"[Visa mer...]\")\r\n  END IF\r\n  \r\n  IF rbVisaEXIF.Value THEN \r\n    theString(\"[Visa EXIF:]\")\r\n  END IF\r\nEND\r\n\r\nPUBLIC SUB theString(sVisa AS String)\r\n      textBefore_vs.text = \"\" & sVisa & \"<\/a>
\"\r\n \r\n    textAfterText_vs.text = \"<\/p><\/div>\"\r\n\r\n    UrklippVSString = Conv(textBefore_vs.text & textSkyl_vs.text & textAfterText_vs.text, \"utf-8\", \"Latin1\")\r\nEND\r\n\r\nPUBLIC SUB cbRam_Click()\r\n IF bRam THEN \r\n  bRam = FALSE  \r\n ELSE \r\n  bRam = TRUE\r\n END IF \r\n \r\n rbVisaMer_Click\r\nEND<\/pre>\n
 This post is here because the WP-CodeBox code writer, Erik Wang, could be able to read it and help my out. I have post a comment on his blog post: WP-CODEBOX Plugin<\/a><\/p>\n
Note<\/strong>[090114 UTC 17:33]: I found some useful information on the blog post:
\n’Styling code samples par deux<\/a>’. I’m now on the right way. It feel like that.<\/p>\n
But the code syntax highlighting is a little bit less or it could be some more colours.
\nThe lines 83 to 85 is misleading. There is no comments (green). It is string code.
\nBut, this is not real vb-code. It is gambas. So I have to live with some small misleading colours :me:<\/p>\n
One more thing: Can I find a way to set the ’box’ to a max height?<\/p>\n
Note<\/strong>[090114 UTC 17:43]: Another irritating thing that is not depending on the PlugIn WP-CodeBox is that I have to paste the code from scratch every time I update this post.<\/p>\n
Is there a way to get rid of this annoying fact?<\/p>\n
Note<\/strong>[090114 UTC 20:42]: Ok, I solve the main problem. The code syntax is highlighted in a box.<\/p>\n
And I solve the issue with to height box. I now have a box that is about 200 pix height.<\/p>\n
How do I do that? I search at the internet an found a blog page:
\nIns\u00e9rer du code dans un article<\/a>, and yes it is in French.<\/p>\n
And that post guide me to edit a file (two files):
\n\/blogg\/wp-conten\/plugins\/wp-codebox\/main.php
\nis the first one. And in that one I change the row number 130 from:<\/p>\n
$output .= \"
\";<\/pre>\n
to:<\/p>\n
$output .= \"
\";<\/pre>\n
And after that i change the second file:
\n\/blogg\/wp-conten\/plugins\/wp-codebox\/css\/codebox.css
\nIn that file I change the row number 72 in the following part of the code:<\/p>\n
\/* IE FIX *\/\r\n.wp_codebox {\r\n\toverflow-x: auto;\r\n\toverflow-y: hidden;\r\n\tpadding-bottom: expression(this.scrollWidth >   this.offsetWidth ?   15 :   0);\r\n\twidth: 100%;\r\n}\r\n\r\n<\/pre>\n
from:<\/p>\n
    overflow-y: hidden;<\/pre>\n
to:<\/p>\n
    overflow-y: auto;<\/pre>\n
And in the code part above this I add a row in the following part of code:<\/p>\n
\/* codebox *\/\r\n.wp_codebox {\r\n\tcolor: #100;\r\n\tbackground-color: #f9f9f9;\r\n\tborder: 1px solid silver;\r\n\tmargin: 0 0 1.5em 0;\r\n\toverflow: auto;\r\n}\r\n<\/pre>\n
Below the row ’overflow: auto;<\/code>’ at row number 67 I add this line:<\/p>\n
  max-height: 200px<\/pre>\n
So, the code snippet now looks like this:<\/p>\n
\/* codebox *\/\r\n.wp_codebox {\r\n  color: #100;\r\n  background-color: #f9f9f9;\r\n  border: 1px solid silver;\r\n  margin: 0 0 1.5em 0;\r\n  overflow: auto;\r\n  max-height: 200px\r\n}\r\n\/* IE FIX *\/\r\n.wp_codebox {\r\n  overflow-x: auto;\r\n  overflow-y: auto;\r\n  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);\r\n  width: 100%;\r\n}\r\n<\/pre>\n
I feel pretty good. :me:<\/p>\n
I feel enough strong to see if I can solve the problem with character that change from ’&’ to ’&amp;’ and ’>’ to ’&gt;’ for some example.<\/p>\n
And, why not, translate the PlugIn WP-CodeBox to Swedish?<\/p>\n","protected":false},"excerpt":{"rendered":"
’ Gambas class file PUBLIC UrklippVSString AS Variant PUBLIC bRam AS Boolean PUBLIC SUB Form_Open() bRam = TRUE textDatumTid_vs.Text = CStr(Format(Now(), ”yymmdd”)) & ”_” & CStr(Format(Now(), ”hhmmss”)) ’ Tiden visades lite knasigt? Typ 40 min f\u00f6r lite? rbVisaMer_Click textRubrik_vs_Change END … Forts\u00e4tt l\u00e4sa →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[899],"tags":[572,373,307],"class_list":["post-494","post","type-post","status-publish","format-standard","hentry","category-bloggutv","tag-css-stilmall-for-xhtml","tag-gambas","tag-php"],"_links":{"self":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/comments?post=494"}],"version-history":[{"count":1,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/494\/revisions"}],"predecessor-version":[{"id":9883,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/posts\/494\/revisions\/9883"}],"wp:attachment":[{"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/media?parent=494"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/categories?post=494"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogg.ngn.nu\/index.php\/wp-json\/wp\/v2\/tags?post=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}