{"id":3851,"date":"2019-09-29T18:39:00","date_gmt":"2019-09-29T16:39:00","guid":{"rendered":"https:\/\/pythonprogramming.altervista.org\/?p=3851"},"modified":"2019-09-29T21:32:21","modified_gmt":"2019-09-29T19:32:21","slug":"highlight-code-in-html-page-using-a-python-script","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/highlight-code-in-html-page-using-a-python-script\/","title":{"rendered":"Highlight code in html page using a Python script"},"content":{"rendered":"

This time I had the need to highlight<\/strong> some code<\/strong> into an html page<\/strong> and I could not use a plugin like we can do in WordPress. In this page, in fact, I use the plugin Crayon<\/strong>. In another web space (pil.glitch.me) I could not use a plugin like this, so I needed a script to make the job (I do not want to write the html code directly, it woul be a nightmare to do it manually).<\/p>\n

Keywords<\/h2>\n

In the kw list you got the keywords<\/strong> that will be highlighted in orange:<\/p>\n

kw = [ \"import\", \"from\", \"while\", \"with\", \"for\", \"def\", \"return\"]<\/pre>\n
Highlight functions<\/h2>\n
To highlight the functions I have looked for words that have the ( at the end with the findall function of the module re<\/strong> to use regex in Python.<\/p>\n
\t_def= re.findall(\"\\w+\\(\", code)\r\n\tfor w in _def:\r\n\t\tcode = code.replace(w, \"<b style='color:blue'>\" + w[:-1] + \"<\/b>(\")\r\n\treturn code<\/pre>\n
This is the whole code.<\/p>\n
import re\r\nimport os\r\n\r\ndef highlight(code):\r\n\t\"pass a string and it will be highlighted\"\r\n\t\r\n\t# keywords to be colored in orange\r\n\tkw = [\t\"import\",\r\n\t\t\t\"from\",\r\n\t\t\t\"while\",\r\n\t\t\t\"with\",\r\n\t\t\t\"for\",\r\n\t\t\t\"def\",\r\n\t\t\t\"return\"]\r\n\tfor k in kw:\r\n\t\tcode = code.replace(k, \"<b style='color:orange'>\" + k + \"<\/b>\")\r\n\tcode = code.replace(\"\\n\",\"<br>\")\r\n\t#print(code)\r\n\r\n\t# The 'indentation'\r\n\tcode = code.replace(\"\\t\", \"&nbsp;&nbsp;&nbsp;&nbsp;\")\r\n\r\n\t# functions to be clored in blue\r\n\t_def= re.findall(\"\\w+\\(\", code)\r\n\tfor w in _def:\r\n\t\tcode = code.replace(w, \"<b style='color:blue'>\" + w[:-1] + \"<\/b>(\")\r\n\treturn code\r\n\r\n\r\nhtml = highlight(\"\"\"\r\ndef foo(arg):\r\n\tprint(\"This is fun)\r\n\t\"\"\")\r\n\r\nprint(html)\r\n\r\nwith open(\"code.html\", \"w\") as file:\r\n\tfile.write(html)\r\n\r\nos.startfile(\"code.html\")<\/pre>\n
You add your code<\/strong> into this function<\/strong> arg when you call it in plain text like in the example below:<\/p>\n
html = highlight(\"\"\"\r\ndef foo(arg):\r\n\tprint(\"This is fun)\r\n\t\"\"\")<\/pre>\n
This is the output:<\/p>\n
<br><b style='color:orange'>def<\/b> <b style='color:blue'>foo<\/b>(arg):<br>&nbsp;&nbsp;&nbsp;&nbsp;<b style='color:blue'>print<\/b>(\"This is fun)<br>&nbsp;&nbsp;&nbsp;&nbsp;<\/pre>\n
Here is the ouput rendered (this is actually rendered in this page with the code above.:<\/p>\n
def<\/b> foo<\/b>(arg):
\nprint<\/b>(“This is fun)<\/p>\n
A little video explanation<\/h2>\n