How to make this work on my forum?
I upload all the files to my server and register them in headinclude_bottom
PHP Code:
<!-- Modified by James -->
<link rel="stylesheet" href="{vb:stylevar themePath}/xcode/prism-base.css"/>
<link rel="stylesheet" href="{vb:stylevar themePath}/xcode/prism-light.css" id="light_theme" />
<link rel="stylesheet" href="{vb:stylevar themePath}/xcode/prism-dark.css" id="dark_theme" />
<link rel="stylesheet" href="{vb:stylevar themePath}/xcode/xcode-switch.css"/>
<link rel="stylesheet" href="{vb:stylevar themePath}/xcode/fira_code.css">
<script src="{vb:stylevar themePath}/xcode/prism.js"></script>
<script src="{vb:stylevar themePath}/xcode/prism-mohaa.js?v=2"></script>
<script src="{vb:stylevar themePath}/xcode/xcode-switch.js"></script>
<script type="text/javascript">
function selectElementText(el, win) {
win = win || window;
var doc = win.document, sel, range;
if (win.getSelection && doc.createRange) {
sel = win.getSelection();
range = doc.createRange();
range.selectNodeContents(el);
sel.removeAllRanges();
sel.addRange(range);
} else if (doc.body.createTextRange) {
range = doc.body.createTextRange();
range.moveToElementText(el);
range.select();
}
};
$(function() {
$('pre').on('dblclick', function(e) {
e.preventDefault();
selectElementText(e.currentTarget);
});
});
</script>
<!-- ------------------------------------------------------ -->
Next I will edit the template bbcode_html
PHP Code:
<div class="xcode_container">
<pre class="line-numbers language-cpp"<vb:if condition="$vboptions['codemaxlines']"> style="height:<vb:if condition="$blockheight<=$vboptions['codemaxlines']">{vb:math {vb:math {vb:raw blockheight}+2}}*{vb:stylevar mid_fontSize}}<vb:else />{vb:math {vb:math {vb:raw blockheight}+1}*{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>><code class="xcode language-cpp">{vb:raw code}</code></pre>
<div class="input-container" title="Toggle Color Theme"><input id="darkTheme" class="xcode_switch" type="checkbox"><label class="xcode_switch" for="darkTheme"></label></div></div>
As a result, I get a working html tag. Am I doing the right thing?
source