![Adding Select All for [code] BBcode](/data/resource_icons/4/4588.jpg?1684684796){kind=icon}
- Compatible XF Versions
- 2.0
- Visible Branding
- No
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>- screen :
![[cXF] Icons in sidenav on Account page](/data/resource_icons/6/6015.jpg?1712064375){kind=icon}