Contar cantidad de oraciones y parrafos en textarea

rodrypaladin · #1 (**permalink**) 22/10/2014, 08:22

Buenas tardes ;)

Me surge un problema contando la cantidad de oraciones, saltos de linea o filas que hay en un textarea.

Actualmente tengo esto para contar las filas:

Código PHP:

Ver original$lineas = substr_count($string,"\n") +1;

Ahí si el usuario está escribiendo en el text area, y le da a la tecla ENTER está generando un \n lo cal lo contabiliza bien.

El problema surge en que si pego un texto en el text area, el usuario no ha generado ningún \n por lo cual no contabiliza ningún tipo de salto de linea.

También si el usuario se encuentra escribiendo y directamente sin darle al ENTER el ancho de la linea supera el ancho del textarea obviamente se produce un salto de linea automático, el cual tampoco se contabiliza.

Si el usuario escibre una frase, le da al ENTER 2 veces para dejar un espacio vertical entre oraciones obviamente esta la contabiliza como otro salto de linea, cuando no debería serlo.

La verdad es que no se como empezar ni que funciones son las que tengo que usar para realizar esto correctamente.

Agradezco la ayuda. Un saludo

abimaelrc · #2 (**permalink**) 22/10/2014, 08:57

Lo que pides es más bien un problema de javascript porque quieres interacción con el usuario. Lo mejor es que consultes en el foro de javascript o esperar a que un moderador mueva el tema.

rodrypaladin · #3 (**permalink**) 22/10/2014, 08:59

La verdad es que estaba buscando realizarlo en php que supongo que se podrá realizar también, ya que todo lo demás lo tengo también en php, y no querría pasarlo todo a javascript ya que si de php tengo conocimientos bajos, de javascript ni hablemos ya xd

abimaelrc · #4 (**permalink**) 22/10/2014, 09:06

Si pero ese tipo de interacción es de javascript porque quieres hacerlo inmediatamente con el usuario y no esperar a que el usuario someta la información y luego hacer el conteo.

rodrypaladin · #5 (**permalink**) 22/10/2014, 09:43

Si, efecitvamente sería más eficiente hacerlo en java, veré si alguien puede ayudarme enfocándolo así

PHPeros · #6 (**permalink**) 22/10/2014, 13:35

En JavaScript sería bastante sencillo, te pongo un ejemplo:

IsaBelM · #7 (**permalink**) 22/10/2014, 14:12

siento decirte PHPeros que no hay 4 saltos de línea, hay 3. se puede usar expresiones regulares para que funciones en windows, unix y mac

Cita:

function saltosDeLinea() {
alert('Hay ' + (document.getElementById("textarea").value.match(/\r\n|\n|\r/g).length-1) + ' saltos de línea.');
}

rodrypaladin · #8 (**permalink**) 23/10/2014, 07:22

Sigue pasando lo mismo:

El problema surge en que si pego un texto en el text area, el usuario no ha generado ningún \n por lo cual no contabiliza ningún tipo de salto de linea.

También si el usuario se encuentra escribiendo y directamente sin darle al ENTER el ancho de la linea supera el ancho del textarea obviamente se produce un salto de linea automático, el cual tampoco se contabiliza.

Si el usuario escibre una frase, le da al ENTER 2 veces para dejar un espacio vertical entre oraciones obviamente esta la contabiliza como otro salto de linea, cuando no debería serlo.

IsaBelM · #9 (**permalink**) 23/10/2014, 07:32

Cita:

Iniciado por rodrypaladin

También si el usuario se encuentra escribiendo y directamente sin darle al ENTER el ancho de la linea supera el ancho del textarea obviamente se produce un salto de linea automático, el cual tampoco se contabiliza.

no me queda claro si en este caso se ha de contabilizar o no como nueva línea

este código cubre las otras dos opciones y no contabiliza en el caso citado

Código:

console.log('Hay ' + (document.getElementById("textarea").value.match(/(\r\n|\n|\r)[a-z0-9¿!\-\*]+/gi).length+1) + ' frases');

rodrypaladin · #10 (**permalink**) 27/10/2014, 13:31

Aprovecho el hilo para un aspecto que está directamente relacionado:

Intento contar las palabras y caracteres y los muestro, eso lo he conseguido.

Ahora intento aplicar las excepciones, como ya comenté anteriormente:

espacios al empezar la linea, espacios al terminar la linea, y espacios dobles triples o suepriores.. pero eso no lo consigo. pero se ve que no las aplica, pego mi código:

Código Javascript:

Ver original<html>
    <head>
    <script type="text/javascript">
        function mostrar() {
            //cogemos el texto del textarea
            var texto = document.getElementById("area").value;
            //contamos sus caracteres
            var caracteres = texto.length;
            //dividimos el texto a una array con el separador ESPACIO
            var textoDividido = texto.split(" ");
            //contamos los elementos separados, en este caso palabras
            var palabras = textoDividido.length;
            //insertamos html en las etiquetas carac y palabras
            document.getElementById("carac").innerHTML = caracteres;
            document.getElementById("palabras").innerHTML = palabras;
            /* Ahora tenemos que poner excepciones, como pro ejemplo espacios delante y detrás del texto, o espacios dobles, triples o superiores. */
            primerBlanco = /^[ ]+/;
            ultimoBlanco = / $/;
            variosBlancos = /[ ]+/g;
            //Ahora aplicamos las excepciones;
            texto = texto.replace(variosBlanco," ");
            texto = texto.replace(primerBlanco, "");
            texto = texto.replace(ultimoBlanco, "");
            var textoTroceado = texto.split(texto, " ");
            palabras = textoTroceado.length;
        }
    </script>
    </head>
    <body>
        <form>
        <textarea id="area" onkeyup="mostrar();"></textarea><br/>
        Caracteres:<p id="carac">0</p>
        Palabras:<p id="palabras">0</p>
        </form>
    </body>
</html>

He intentado poner los getElementById("id")inner.HTML = id debajo de los replace, pero en ese caso directamente no muestra los caracteres o palabras, los deja a 0

Un saludo y mil gracias de nuevo.

PHPeros · #11 (**permalink**) 27/10/2014, 15:17

Código Javascript:

Ver originalvar textoTroceado = texto.split(texto, " ");

Eso no parece correcto.

IsaBelM · #12 (**permalink**) 27/10/2014, 17:15

aparte de ese error, no es necesario hacer tantos replace, de hecho no hace falta ninguno, para contar las palabras. solo es necesario usar \b que marca la posición de una cadena limitada por espacios en blanco

Cita:

console.log(texto.match(/\b[\da-z\xc0-\xff]+\b/gi).length);

rodrypaladin · #13 (**permalink**) 27/10/2014, 17:45

cierto, pero tiene que haber algo más en lo que me equivoco ya que sogue pasando lo mismo.

EDITO:
Si empiezo a escribir en el textarea con espacios, ponga los que ponga no los cuenta, hasta ahí bien.
Si una vez que empiezo a escribir añado 40 espacios, los cuenta como 40 caracteres y 40 palabras.

IsaBelM · #14 (**permalink**) 28/10/2014, 06:09

veamos si es esto lo que pretendes

Cita:

function mostrar() {
//cogemos el texto del textarea
var texto = document.getElementById("area").value;

if (texto.match(/\b[\da-z\xc0-\xff]+\b/gi) == null) return;

var caracteres = 0;

var arr = texto.match(/\b[\da-z\xc0-\xff]+\b/gi);

for (i in arr) {

caracteres += arr[i].length;
}

document.getElementById("carac").innerHTML = caracteres + (arr.length-1);
document.getElementById("palabras").innerHTML = arr.length;

}

rodrypaladin · #15 (**permalink**) 28/10/2014, 06:22

@IsaBelM, perfectisimamente perfecto. Y cumple con las excepciones que mencioné anteriormente.

Si no es mucho pedir, te importaría explicarme el código paso a paso ? de esa manera lo entenderé mejor y puede que se me queden memorizados algunos factores que me servirán seguro para otro momento.

IsaBelM · #16 (**permalink**) 28/10/2014, 06:51

usamos el método match que lo que hace comparar una cadena con una expresión regula. si no encuentra coincidencia retorna "null". de ahí esta primera condicional

if (texto.match(/\b[\da-z\xc0-\xff]+\b/gi) == null) return;

var caracteres = 0;

como usamos el flag "g" el método retornará un array del tipo ['aaa', 'bbb', 'ccccc']

var arr = texto.match(/\b[\da-z\xc0-\xff]+\b/gi);

recorremos el array para obtener el largo de cada elemento. si segimos con el array de ejemplo, retornaría 3,3,5

for (i in arr) {

al ser valores númericos el signo "+" no concatena, sino que suma

caracteres += arr[i].length;
}

ya tenemos el número total de caracteres sin los espacios en blanco

ahora, a este total le sumamos el largo del array. si continuamos tomando el array de ejemplo, el resultado es 3. le restamos 1 porque el último elemento ['ccccc'] no puede llevar espacio al final

document.getElementById("carac").innerHTML = caracteres + (arr.length-1);

aquí simplemente obtenemos el largo del array que a su vez equivale al número de palabras escritas

document.getElementById("palabras").innerHTML = arr.length;

rodrypaladin · #17 (**permalink**) 28/10/2014, 10:17

Muchísimas gracias, buscaré ahora como intentar calcular el número de líneas, palabras únicas, palabras <= 4 caracteres y palabras > 4 caracteres, si no consigo hacerlo o si lo hago pero con errores, volveré a acudir a este hilo.

rodrypaladin · #18 (**permalink**) 28/10/2014, 13:08

Aprovecho este hilo de nuevo ya que todo va enfocado a lo que se recoge de un textarea:

ahora mismo tengo este código con el cual intento mostrar una lista de las palabras más repetidas del texto:

Código Javascript:

Ver original<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
    <script type="text/javascript">
    Array.prototype.EliminarRepetidos = function () {
    var arr_limpio = [];
    var val_eliminados = [];
    var cantidad = {};
        for(var i = 0; i < this.length; i++){
            if(!(this[i] in cantidad)) {
                cantidad[this[i]] = 0;
                arr_limpio.push(this[i]);
                cantidad[this[i]]++;
            } else {
                val_eliminados.push(this[i]);
                cantidad[this[i]]++;
            }
        }
     
    var repeticiones = "";
        for (j=0; j < arr_limpio.length; j++) {
            repeticiones += arr_limpio[j] + ": " + parseInt(cantidad[arr_limpio[j]]) + "<br/>";
            document.getElementById("espacio").innerHTML = repeticiones;
        }
        
    }
     
     
    function ContarRepetidos(valores) {
    var val = valores;
    array = val.split(' ');
    obj = array.EliminarRepetidos();
    }
 
    </script>
    </head>
    <body>
    <h1>Elementos repetidos..</h1>
    <textarea id="area"></textarea>
    <input type="button" value="ver" onclick="ContarRepetidos('hola hola hola adios adios adios tal tal pepe');" />
    <div id="espacio"></div>
    </body>
    </html>

Muestra la lista correctamente pero del valor que le paso directamente a la función, me gustaría que el texto el cual tiene que contar lo pille directamente del value del textarea. Y que si es posible solamente muestre los 15 primeros valores ( es decir las 15 palabras que más se repiten )

No creo que cueste mucho pero la verdad es que estoy saturado y por mas que mire no hago nada conciso y que funcione. Un saludo y mil gracias de nuevo

IsaBelM · #19 (**permalink**) 28/10/2014, 16:12

a parte de

Cita:

Iniciado por rodrypaladin

me gustaría que el texto el cual tiene que contar lo pille directamente del value del textarea. Y que si es posible solamente muestre los 15 primeros valores ( es decir las 15 palabras que más se repiten )

puedes hacer que se muestren en orden ascendente o descendente por el número de repeticiones

Código:

    Array.prototype.EliminarRepetidos = function () {
var ordenar = [];
    var arr_limpio = [];
    var cantidad = {};
        for(var i = 0; i < this.length; i++){
            if(!(this[i] in cantidad)) {
                cantidad[this[i]] = 0;
                arr_limpio.push(this[i]);
                cantidad[this[i]]++;
            } else {
                cantidad[this[i]]++;
            }
        }
     


        for (j=0; j < arr_limpio.length; j++) {

            var obj = new Object();
            obj.palabra = arr_limpio[j];
            obj.repeticion = cantidad[arr_limpio[j]];

            ordenar.push(obj);
        }


        ordenar.sort(function (a, b) {

            if (a.repeticion > b.repeticion) {
                 return 1;
            }

            if (a.repeticion < b.repeticion) {
                 return -1;
            }

            return 0;
        });


var repeticiones = "";
    if (ordenar.length > 3) var max = 3; // SE MOSTRARÁN LAS 3 PRIMERAS
        for (x=0; x< max; x++) {

            repeticiones += ordenar[x].palabra + ": " + ordenar[x].repeticion + "<br/>";
            
            document.getElementById("espacio").innerHTML = repeticiones;
        }
        
    }
     
     
    function ContarRepetidos() {
    var val = document.getElementById("area").value;
    array = val.split(' ');
    obj = array.EliminarRepetidos();
    }
 
    </script>
    </head>
    <body>
    <h1>Elementos repetidos..</h1>
    <textarea id="area">hola hola hola adios adios adios tal tal pepe</textarea>
    <input type="button" value="ver" onclick="ContarRepetidos();" />
    <div id="espacio"></div>

rodrypaladin · #20 (**permalink**) 28/10/2014, 16:26

Lo he comprobado com el movil y funciona aunque s
Muestra 3 resultados, y aunque cambie a otro numero como por ejemplo 10 los dos datos, en ese caso no muestra nada. Tendré que mirar para que muestre primero los mas repetidos y despues que vaya bajando.

IsaBelM · #21 (**permalink**) 28/10/2014, 16:43

el segundo de los aunque, se solventa cambiando

Cita:

return -1; por return 1

y viceversa

por otro lado, no muestra nada cuando quieres mostrar 10 palabras, por que da error. el array no se rellena con 10 elementos, al menos en ejemplo que pusistes. la solución es esta

Cita:

if (ordenar.length > 3) {var max = 3; } else { var max = ordenar.length;}

rodrypaladin · #22 (**permalink**) 29/10/2014, 08:35

Funciona a la perfección @IsaBelM. respecto al tema por el que se abrió el hilo...

gracias a tu ayuda con esta función calculo el número de lineas escritas

Código Javascript:

Ver originalfunction mostrarFilas() {
    var filas = document.getElementById("output").value.match(/(\r\n|\n|\r)[a-z0-9¿!\-\*]+/gi).length+1;
    document.getElementById("oraciones").innerHTML = filas;
    }

pero si directamente pego un texto de por ejemplo 9 filas al textarea, estas 0 no aparecen en el resultado, y si una vez pego las 9 lineas luego sigo escribiendo, las empieza a contar desde 0

¿ como podría contabilizar también el texto que se pegue directamente ? ya que prácticamente todos los usuarios lo harán así

Un saludo y mil gracias de nuevo

IsaBelM · #23 (**permalink**) 29/10/2014, 14:14

entiendo que te refieres a pegar con el ratón. para ello hay que usar el evento paste y un temporizador

Cita:

rodrypaladin · #24 (**permalink**) 30/10/2014, 07:00

Que parámetro tengo que pasarle como "este" ??

IsaBelM · #25 (**permalink**) 30/10/2014, 07:41

"este" equivale a document.getElementById("area"). quizás lo que te lia es que he usado el registrador de eventos (addEventListener)

rodrypaladin · #26 (**permalink**) 30/10/2014, 09:36

Si, la verdad es que me lía bastante, no entiendo un pijo xD se puede simplificar aunque tenga que llamar el evento en en el codigo html ? Aunque así funcione prefiero entenderlo mejor hasta que consiga entender esta forma

IsaBelM · #27 (**permalink**) 30/10/2014, 14:31

ok, sin problema

Cita:

rodrypaladin · #28 (**permalink**) 30/10/2014, 17:44

con mis ids ha quedado así

Código Javascript:

Ver originalfunction copypasteRaton() {
 
    setTimeout(mostrarFilas, 0);
    }
 
 
function mostrarFilas() {
    var texto = document.getElementById("output").value;
    var lineas = document.getElementById("oraciones");
 
    if (texto.match(/(\r\n|\n|\r)[a-z0-9¿!\-\*]+/gi) == null) { lineas.innerHTML = 1; return; }
 
    lineas.innerHTML = texto.match(/(\r\n|\n|\r)[a-z0-9¿!\-\*]+/gi).length+1;
    }

pero pasa lo mismo, al pegar no cuenta el total de las lineas, sino solamente 1, y los enventos los he puesto en el textarea por supuesto

HackmanC · #29 (**permalink**) 30/10/2014, 23:16

Hola,

Cita:

Iniciado por rodrypaladin

...
El problema surge en que si pego un texto en el text area, el usuario no ha generado ningún \n por lo cual no contabiliza ningún tipo de salto de linea.
...

Cita:

Iniciado por rodrypaladin

...
El problema surge en que si pego un texto en el text area, el usuario no ha generado ningún \n por lo cual no contabiliza ningún tipo de salto de linea.

Cita:

Iniciado por rodrypaladin

con mis ids ha quedado así

Código Javascript:

Ver originalfunction copypasteRaton() {
 
    setTimeout(mostrarFilas, 0);
    }
 
 
function mostrarFilas() {
    var texto = document.getElementById("output").value;
    var lineas = document.getElementById("oraciones");
 
    if (texto.match(/(\r\n|\n|\r)[a-z0-9¿!\-\*]+/gi) == null) { lineas.innerHTML = 1; return; }
 
    lineas.innerHTML = texto.match(/(\r\n|\n|\r)[a-z0-9¿!\-\*]+/gi).length+1;
    }

pero pasa lo mismo, al pegar no cuenta el total de las lineas, sino solamente 1, y los enventos los he puesto en el textarea por supuesto

No creo que las vaya a contabilizar de esa forma, el problema, como indicaste al principio es que no hay saltos de línea, el navegador los calcula conforme sea necesario para no desplegar una barra de scroll horizontal.

Por ejemplo, en el parrafo anterior en este mismo mensaje no hay ningún salto de línea, yo nunca presioné la tecla enter, y el navegador no incrustó los saltos de línea tampoco. Simplemente cada vez que tiene que desplegar un texto vuelve a calcular en base al tamaño de letra y el kerning de la fuente la cantidad de líneas.

El algoritmo para calcular eso es realmente complejo basado en la métrica de la fuente que se está usando.

Pero posiblemente, como una base podrías usar algo así:
Aunque evidentemente no es exacto y las líneas están separadas por el caracter "|" al final aunque realmente es un vector.

http://jsfiddle.net/046jtcyz/

Saludos,

ps:

Por cierto, no es
aconsejable que insertes
los saltos de línea,
porque se miraría
como este parrafo
en una pantalla donde le
cabe mas texto. --> Allá arriba quedo un montón de espacio vacío seguramente.

O sino se miraría
de esta

forma donde hay
mucho

menos espacio
que el
original. --> Las líneas se cortaron tanto en donde no cabían como donde insertaste los saltos.

IsaBelM · #30 (**permalink**) 31/10/2014, 05:42

que extraño. estás usando este html??

Cita:

si aún así continua sin funcionar, es que no he entendido lo que realmente pretendes