Foros del Web » Programando para Internet » Javascript »

marcar palabras clave en div contenteditable

Estas en el tema de marcar palabras clave en div contenteditable en el foro de Javascript en Foros del Web. Hola a todos y gracias por anticipado. El tema es el siguiente, estoy tratando de hacer un editor basico en el que el usuario ingrese ...
  #1 (permalink)  
Antiguo 15/04/2012, 01:52
 
Fecha de Ingreso: marzo-2008
Mensajes: 10
Antigüedad: 16 años, 1 mes
Puntos: 1
Pregunta marcar palabras clave en div contenteditable

Hola a todos y gracias por anticipado.

El tema es el siguiente, estoy tratando de hacer un editor basico en el que el usuario ingrese observaciones pero que en caso de que escriba una palabra clave (una grosería o algo así) lo resalte con rojo, la observación se escribirá en un div contenteditable; alguien tiene una idea de como sería la forma mas adecuada de hacerlo?

por ahora lo que eh pensado es convertir todas las palabras en span, y luego convertirlo en un array, recorrer el array y en caso de que coincida con alguna de las palabras vetadas (que esta en otro array) le agregue una clase con el comando addclass de jquery sin embargo esto tiene 2 problemas que aun no puedo solucionar, lo primero es que el cursor-carrete regresa a la primera letra y segundo que los saltos de páginas desaparecen y todo queda de una sola linea, esto porque estoy usando $.text() de jquery para quitar todos los formatos y luego lo convierto en un array con .split(" ") para poder trabajarlo.

en fin, si alguien puede darme una manito con esto estaría muy agradecido.

saludos
  #2 (permalink)  
Antiguo 28/04/2013, 13:36
 
Fecha de Ingreso: octubre-2012
Mensajes: 7
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: marcar palabras clave en div contenteditable

toma aquí sale el ejemplo de como se hace !

http://jsfiddle.net/timdown/4N4ZD/

Etiquetas: contenteditable, palabra, sombrear
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:48.