Mostrar texto oculto durante encontrar

Question

Tengo una tabla de datos con varias columnas. Uno de ellos es una columna de comentarios con una longitud de texto variable. Algunos comentarios son muy cortos, pero algunos de ellos pueden ser bastante largos. Ahora solo muestro los primeros 50 caracteres del comentario y coloco el texto original en el atributo "título" para que los usuarios aún puedan leer todo el valor.

Al truncar la cadena, la tabla se ve bien pero ahora los usuarios no pueden encontrar (CTRL + F en los navegadores) nada en el resto del texto que se truncó.

Así que mi idea es hacer que todo el comentario esté oculto en el código fuente pero visible para el mecanismo de búsqueda del navegador. ¿Es posible de alguna manera? ¿Qué sugieren ustedes, chicos?

Gracias!

Answer 1

Bueno, pensando en ello ... ¿Qué hace el navegador cuando utiliza la función de búsqueda? Se desplaza al texto que encontró y lo selecciona. ¿Cómo es posible si el texto no es visible? No puedo pensar de ninguna manera que eso pueda funcionar. La única opción que puedo pensar es implementar tu propia función de búsqueda, anulando la del navegador. Revisaría los comentarios publicados y encontraría el texto tal como lo haría el navegador, excepto que podría mirar a través del texto oculto y expandiéndolo posiblemente. En cuanto a cómo anular exactamente el hallazgo del navegador, quizás podría vincularse a Ctrl + F, y en ese enlace, return false para evitar que el navegador utilice su búsqueda. No sé si eso funcionaría, es solo una idea. Como dijiste, el problema básico es que el navegador no puede buscar a través de texto oculto, y no conozco ninguna forma de hacerlo.

Answer 2

No me lo puedo imaginar sin trucos astutos, como tamaño de fuente: 0.1px o similar. Puede proporcionar a sus usuarios la opción de mostrar el texto en tamaño completo o implementar su propia función de búsqueda para esto. ¿Por qué debería un usuario esperar resultados utilizando el motor de búsqueda nativo en datos que no están presentes para él? podría vincularse a CTRL-F, pero tal vez alguien cambió las combinaciones de teclas o está utilizando el menú, por lo que es un callejón sin salida para mí.

Answer 3

No es una buena respuesta, pero bueno: hay un error en Webkit y tal vez en otros motores. Si configura el texto en white-space: nowrap; y overflow: hidden;, se truncará visualmente pero aparecerá de nuevo si se encontró una coincidencia de búsqueda en el texto oculto.

que utiliza una técnica similar ya seis años para ocultar el texto de los botones, que son de estilo una imagen de fondo con:

.button { 
    display: inline-block; 
    text-indent: 120%; 
    white-space: nowrap; 
} 

Answer 4

Es necesario probar esto:

http://kineticjs.com/ 

es una buena biblioteca

Answer 5

solución divertido/simple:

Ajuste el CSS comentario contenedor a overflow:hidden; o overflow:scroll;, y configure el ancho y la altura para el contenedor si es necesario. Debe mostrar solo una parte del texto para los usuarios, pero puede ser completamente legible por el navegador.