Skip to main content

Tengo un input en el cual el usuario puede poner lo que quiera, y cuando haga intro, el texto introducido se mostrará en una sección como texto plano.

Ejemplo de texto introducido por el usuario:

 Hola mundo, visita <a href="google.es">Google</a>
 Hola mundo, visita <a href="google.es">Google</a>

El resultado será exactamente ese texto.

Pero necesito que si el usuario introduce un carácter especial, se transforme en un link.

Por ejemplo, si el usuario introduce:

Hola mundo, visita [google.es|Google]
Hola mundo, visita [google.es|Google]

El resultado esperado es:

Hola mundo, visita Google 
Hola mundo, visita Google 

Donde Google es un link.

Tengo un input en el cual el usuario puede poner lo que quiera, y cuando haga intro, el texto introducido se mostrará en una sección como texto plano.

Ejemplo de texto introducido por el usuario:

 Hola mundo, visita <a href="google.es">Google</a>

El resultado será exactamente ese texto.

Pero necesito que si el usuario introduce un carácter especial, se transforme en un link.

Por ejemplo, si el usuario introduce:

Hola mundo, visita [google.es|Google]

El resultado esperado es:

Hola mundo, visita Google 

Donde Google es un link.

Tengo un input en el cual el usuario puede poner lo que quiera, y cuando haga intro, el texto introducido se mostrará en una sección como texto plano.

Ejemplo de texto introducido por el usuario:

 Hola mundo, visita <a href="google.es">Google</a>

El resultado será exactamente ese texto.

Pero necesito que si el usuario introduce un carácter especial, se transforme en un link.

Por ejemplo, si el usuario introduce:

Hola mundo, visita [google.es|Google]

El resultado esperado es:

Hola mundo, visita Google 

Donde Google es un link.

Origen Enlace
user1964
user1964

¿Cómo mostrar un link introducido desde un input?

Tengo un input en el cual el usuario puede poner lo que quiera, y cuando haga intro, el texto introducido se mostrará en una sección como texto plano.

Ejemplo de texto introducido por el usuario:

 Hola mundo, visita <a href="google.es">Google</a>

El resultado será exactamente ese texto.

Pero necesito que si el usuario introduce un carácter especial, se transforme en un link.

Por ejemplo, si el usuario introduce:

Hola mundo, visita [google.es|Google]

El resultado esperado es:

Hola mundo, visita Google 

Donde Google es un link.