CMS Made Simple Forums

Code: Select all

<!-- bootstrap -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" crossorigin="anonymous">

<!-- highlight code frontend -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/googlecode.min.css" rel="stylesheet">
<__script__ src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></__script>
<__script__>
document.addEventListener('DOMContentLoaded', function(e) {
  document.querySelectorAll('pre > code').forEach(function(e) {
    hljs.highlightBlock(e);
  });
});
</__script>

Code: Select all

<p>HTML</p>
<pre>&lt;div id="demo"&gt;  <br />  &lt;p class="blue"&gt;Een tekst&lt;/p&gt;<br />&lt;/div&gt;</pre>
<p>CSS</p>
<pre>#test {<br /> color: red;<br /> width: 80%;<br />}</pre>
<p>JavaScript</p>
<pre>window.addEventListener("load", function(event) {<br />  let total = 0;<br />  let items = document.querySelectorAll(".item)");<br />  for (let i=0; i &lt; items.length; i++) {<br />    total = total + items[i].value;<br />  }<br />});</pre>

Code: Select all

$html = &$params['content'];
$regex = '/<pre>([\s\S.]*?)<\/pre>/';
$result = preg_replace_callback($regex, function ($matches) {
  return '<pre class="coding"><code>' . str_replace('<br />', PHP_EOL, $matches[1]) . "</code></pre>";
}, $html);
return $result;

Code: Select all

UDT 'hightlight' added to Core -> ContentPreCompile

Code: Select all

$html = &$params['content'];
$regex = '/<pre>([\s\S.]*?)<\/pre>/'; 
$html = preg_replace_callback($regex, function ($matches) {
    return '<pre class="coding"><code>' . preg_replace('/<br\s*\/?>/i', PHP_EOL, $matches[1]) . '</code></pre>';
}, $html);
return $html;

Code: Select all

return $html;