Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Re: Code syntax highlighting of bc in txp:body with textile?
Brilliant. Thank you! That’s very informative.
etc wrote #319925:
It’s ok for
$rs['ID'], but you must escape$body_html_codehintbefore inserting it into db:
$body_html_codehint = doSlash($body_html_codehint);...
Makes sense. Duly done. I’ve added it to my own code and the code above.
TXP Builders – finely-crafted code, design and txp
Offline
Re: Code syntax highlighting of bc in txp:body with textile?
You can of course use JavaScript for this task, for example:
var code = document.querySelectorAll('pre code');
if (code.length) {
var elems = document.querySelectorAll('.language-txp');
[].forEach.call(elems, function(el) {
el.classList.add('language-html');
el.classList.remove('language-txp');
});
Prism.highlightAll();
}Offline
Re: Code syntax highlighting of bc in txp:body with textile?
philwareham wrote #319931:
You can of course use JavaScript for this task
That’s how I understood it, indeed. But actually it would be better to generate all markup server-side, avoiding downloading Prism.js (only css) and processing to clients.
Offline
Re: Code syntax highlighting of bc in txp:body with textile?
philwareham wrote #319931:
You can of course use JavaScript for this task, for example:
var code = document.querySelectorAll('pre code');...
Yes, exactly that is what I have. The plugin code above only makes it possible for you to add your code language using textile in the article body (like you can here in the forum). The js-switch from language-txp to language-html may not be necessary if some day we have a prism syntax file for txp itself :-)
etc wrote #319933:
That’s how I understood it, indeed. But actually it would be better to generate all markup server-side, avoiding downloading
Prism.js(only css) and processing to clients.
What would you suggest for that, then? I know php has highlight_string but by all accounts that’s pretty basic and adds the css colors inline on its own (no extra css required).
I hadn’t seen a php-only implementation of prism. On the admin-side we currently also use the js file. Or do you mean preprocessing Body_html through prism.js on the admin-side when saving? I don’t have node.js on this server nor have I ever explored V8js.
Otherwise, there is a php port of highlight.js, though. There is also a css-only project called ft-syntax-highlight but the minified css for that comes in as heavier than the js+css of prism.js.
TXP Builders – finely-crafted code, design and txp
Offline
Re: Code syntax highlighting of bc in txp:body with textile?
jakob wrote #319943:
What would you suggest for that, then? I know php has
highlight_stringbut by all accounts that’s pretty basic and adds the css colors inline on its own (no extra css required).I hadn’t seen a php-only implementation of prism. On the admin-side we currently also use the js file. Or do you mean preprocessing Body_html through prism.js on the admin-side when saving? I don’t have node.js on this server nor have I ever explored V8js.
Dunno, sorry, just thinking to myself that sending a js file to every visitor (even those who visit a page without any code to highlight) is not optimal. A Textile plugin would be great if you fancy exploring unbeaten roads ;-)
Otherwise, there is a php port of highlight.js, though. There is also a css-only project called ft-syntax-highlight but the minified css for that comes in as heavier than the js+css of prism.js.
This css thingy is amazing but seems to require a special markup to be fully-powered.
Offline
Re: Code syntax highlighting of bc in txp:body with textile?
etc wrote #319947:
that sending a js file to every visitor (even those who visit a page without any code to highlight) is not optimal.
The bold part should at least be solvable with require.js. Seeing as it’s intended for an updated revision of textpattern.tips, code will be quite common, though.
A Textile plugin would be great if you fancy exploring unbeaten roads ;-)
No idea about that as yet.
TXP Builders – finely-crafted code, design and txp
Offline
Offline
Re: Code syntax highlighting of bc in txp:body with textile?
jakob wrote #319948:
The bold part should at least be solvable with require.js. Seeing as it’s intended for an updated revision of textpattern.tips, code will be quite common, though.
Conditional loading off Prism.js: I use a custom field for that. The CSS part is minimal enough that I don’t worry much.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline