Strange problem with Prism.js syntax highlighting

Hi Mateusz! You forgot the screenshot? :- )

Anyway I gave Prism.js a try, by pasting the content of the css and js you linked, into the fields here: http://my-test-site.localhost/-/admin/customize/css-js

Thereafter, in the editor, the preview didn't work, and after saving a new post, the code didn't get highlighted — however, after page reload, the code got highlighted properly. So it didn't work when editing & saving, but did work when opening new pages.

The reason for this is that PrismJS only looks for <code> tags on page load — but not dynamically, whilst one types text in the editor so the preview gets updated, and when a post gets saved and parts of the html page gets updated dynamically.

There's a javascript hook you can use, to re-run PrismJS inside the editor preview, + after a post has been saved. Copy-paste this after the PrismJS javascript: (into https://your-site.com/-/admin/customize/css-js, the Javascript editor)

talkyard.postElemPostProcessor = function(elemId) {
  var selector = '#' + elemId + ' code';
  console.log('Telling PrismJS to post process: ' + selector);
  var codeElems = document.querySelectorAll(selector);
  for (var i = 0; i < codeElems.length; ++i) {
    var elem = codeElems[i];
    Prism.highlightElement(elem);
  }
};

I tested locally, and now PrismJS works everywhere, I mean, on page load, and in the editor preview, & when editing or saving a new post.

(That function, i.e. talkyard.postElemPostProcessor, gets called whenever the content of a post, or the editor preview, changes, and it's passed the id of the relevant element. I added it a while ago, because it was needed for processing LaTeX with Mathjax, in the preview & after saving a post, like with PrismJS.)

***

Ok looking forward to adding Polish :- )