- XF Compatibility
- 2.2.x
- Short Description
- A simple, effective way to automatically select all content within a code bbcode in your forum. Replace the existing bbcodetag_code file with our provided solution for seamless functionality without needing an extra "select all" button. Download attached file or manually modify your template. Add JavaScript at end for optimal performance.
A simple but effective way to select all the content within a code bbcode in your forum.
Please note: this doesn't add a "select all" button like you're probably used to see, but it adds a simple functionality to your mouse (or your thumbs) so that each time you click (or tap) inside a code box, it'll automatically select all the text into it.
How to:
Download the attached file, and replace it with your existing bb_code_tag_code file in your template(s).
Alternatively, follow these steps to manually modify it:
Please note: this doesn't add a "select all" button like you're probably used to see, but it adds a simple functionality to your mouse (or your thumbs) so that each time you click (or tap) inside a code box, it'll automatically select all the text into it.
How to:
Download the attached file, and replace it with your existing bb_code_tag_code file in your template(s).
Alternatively, follow these steps to manually modify it:
- Find
HTML:
<code>{$content}</code>
- Replace it with:
HTML:
<code onclick="getData(this)">{$content}</code>
- And add the following javascript code at the very end of that file (so that you load it only when you effectively have a code bbcode in your page, to save bandwidth):
JavaScript:
<script>
function getData(element)
{
if (document.body.createTextRange) {
var range = document.body.createTextRange();
range.moveToElementText(element);
range.select();
} else if (window.getSelection) {
var selection = window.getSelection();
var range = document.createRange();
range.selectNodeContents(element);
selection.removeAllRanges();
selection.addRange(range);
}
}
</script>