Página 1 de 1

BBcode ucase -- Minúsculas a Mayúsculas

Publicado: 13 May 2019, 23:40
por picaron
Con este BBcode se consigue la transformación real del texto seleccionado.
El uso de CSS se descarta porque, con ese método, el texto original no se modifica.

Uso del BBcode:

Código: Seleccionar todo

[ucase]{TEXT}[/ucase]
Reemplazo HTML:

Código: Seleccionar todo

<span id="ucase1000">{TEXT}</span>
<script>
    var res = document.getElementById("ucase1000").innerHTML.toString().toUpperCase();
    var uniqid = Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
    document.getElementById("ucase1000").setAttribute("id", uniqid);
    document.getElementById(uniqid).innerHTML = res;
</script>
Línea de ayuda:

Código: Seleccionar todo

[ucase]TEXT[/ucase] Minúsculas a Mayúsculas

BBcode ucase -- Minúsculas a Mayúsculas

Publicado: 13 May 2019, 23:45
por rubencm
Forma más simple:

Código: Seleccionar todo

<span style="text-transform: uppercase">{TEXT}</span>

BBcode ucase -- Minúsculas a Mayúsculas

Publicado: 14 May 2019, 00:19
por picaron
@rubencm, esa es una forma mas simple, pero a la vez mas "engañosa" ya que el codigo CSS que indicas solamente esconde el texto, lo disfraza a la vista.
Si seleccionas el texto tratado con ese CSS y lo copias, veras que realmente copias el texto en el case original.
Con mi BBcode el texto se transforma por completo y cuando lo seleccionas y lo copias, obtienes el resultado deseado.