<?php /* Plugin Name: SyntaxHighlighter-NG Version: 1.0 Plugin URI: https://git.la10cy.net/DeltaLima/flatpress-plugin-syntaxhighlighter-ng Description: <a href="https://git.la10cy.net/DeltaLima/flatpress-plugin-syntaxhighlighter-ng/">SyntaxHighlighter-NG 1.0.0</a> (forked from <a href="https://forum.flatpress.org/viewtopic.php?p=1130&hilit=syntax+highlight#p1135">Arvid's forum post</a>, using now <a href="https://prismjs.com">prism.js</a>) Author: 2005 NoWhereMan, 2023 DeltaLima Author URI: https://deltalima.org */ function plugin_syntaxhighlighter_add($lang=null) { static $languages = array(); $pdir=plugin_geturl('syntaxhighlighter'); // create array containing the used languages $languages[] = "{$lang}"; // remove unique $languages = array_unique($languages); return $languages; } function plugin_syntaxhighlighter_head() { $pdir=plugin_geturl('syntaxhighlighter'); echo <<<PRISMJS <!-- start of prism.js header --> <link rel="stylesheet" type="text/css" href="{$pdir}res/prism.okaidia.css" /> <!-- end of prism.js header --> PRISMJS; } add_action('wp_head', 'plugin_syntaxhighlighter_head'); function plugin_syntaxhighlighter_foot() { // convert the returned array into an json one, to have an easier time // giving it to the javascript below $used_languages = json_encode(plugin_syntaxhighlighter_add()); $pdir=plugin_geturl('syntaxhighlighter'); // javascript part echo <<<PRISMBOX <!-- start of prism.js footer --> <script type="text/javascript" src="{$pdir}res/prism.small.js"></script> <!-- wrapping the content of pre html-tags into code-tags, as said in https://prismjs.com/index.html#basic-usage --> <script type="text/javascript"> // wrap the content of <pre> elements into <code></code> for prismjs // get an array of <pre></pre> elements //var preEl = document.getElementsByTagName("pre"); // split used_languages list into array let used_languages = $used_languages; // iterate through all used_languages for (let iUl = 0;iUl < used_languages.length; iUl++) { // handle [code] without language definition as "none" // and we have to look for them up a bit different if ( used_languages[iUl] == "" ) { used_languages[iUl] == "none" var preElements = document.querySelectorAll("pre:not([class])"); } else { var preElements = document.querySelectorAll("pre." + used_languages[iUl]); } // iterate through all <pre> for (let iEl = 0;iEl < preElements.length; iEl++) { org_html = preElements[iEl].innerHTML; new_html = "<code class=\"language-" + used_languages[iUl] + "\">" + org_html + "</code>"; preElements[iEl].innerHTML = new_html; } } </script> <!-- end of prism.js footer --> PRISMBOX; } add_action('wp_footer', 'plugin_syntaxhighlighter_foot'); ?>