2009-07-07 28 views
5

Estoy tratando de construir un editor de texto WYSIWYG especializado en el navegador, y tengo un conjunto muy limitado de funcionalidades, pero la mayor parte de eso es envolver cierto texto en etiquetas de span.Reemplazar el texto seleccionado con jquery/javascript

Puedo encontrar muchos recursos explicando cosas estándar (execCommand y whatnot), pero he buscado y visto y no puedo encontrar nada para hacer lo que necesito.

Básicamente, es tan simple como suena: el usuario selecciona texto, hace clic en un botón o lo que sea, y el texto se reemplaza por otro texto (el caso inicial es el mismo texto envuelto en algunas etiquetas HTML).

Puedo encontrar maneras de hacer esto en un área de texto, pero solo estoy en HTML común, con el contenido en cuestión dentro de un div con contentEditable marcado como verdadero.

También he encontrado formas de reemplazar todas las apariciones de texto, o la primera aparición, pero no una específica. La mayoría de las soluciones que encuentro fallan cuando trato de reemplazar algo que no sea la primera ocurrencia.

Espero que jQuery pueda hacer esto de alguna manera.

Respuesta

2

¿Has probado el plugin jQuery wrapSelection?

+0

Esto hace exactamente lo que quiero. No sé cómo me lo perdí, ¡pero muchas gracias! –

1

Esto es bastante similar a this question. Podría ayudar.

+0

Eso es todo dentro de un área de texto, que fue el problema para mí todo el tiempo (en el sentido de que no estoy en un área de texto). –

Cuestiones relacionadas