Agregue el enlace para que aparezca dentro del recuadro textarea

¿Hay alguna manera de que un usuario pueda ingresar una URL en un área de texto y hacer que el enlace realmente se visualice y funcione como un hipervínculo?Agregue el enlace para que aparezca dentro del recuadro textarea

Por ejemplo:

<textarea name="Miscell" cols="110" rows="5" wrap="Virtual" class="noborder"> 
      blah blah blah= 
      <a href="http://www.googel.com/">Google</a> 
      blah blah blah 
</textarea>

No se muestra ningún enlace: ¿qué puedo hacer?

No estoy creando ese sitio: solo intento cambiarlo usando Firebug.

Fuente

2011-08-01 Zain Ali

No se puede colocar ningún "Enlace activo" dentro de un área de texto. Un área de texto está diseñada para mostrar solo contenido de texto. En lugar de eso, puedes usar div y usar algunos css make div como un área de texto.

Ej: (No es mi código)

<style type="text/css"> 
#box { 
width: 400px; 
margin: 0 auto; 
overflow: auto; 
border: 1px solid #0f0; 
padding: 2px; 
text-align: justify; 
background: transparent; 
} 
</style> 

HTML... 
<body> 

<div id="box"> 
<h4>My Links</h4> 
<a href=">• Paragraph One Here.</p><p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p> 
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p> 
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p> 
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p> 
<p><a href="URL path to external link" title="Mouseover Description">Link Text Description</a></p> 
</div>

Fuente

2011-08-01 07:11:33 nidhin

Esto debería haber sido una respuesta aceptada – Callat

No solución exacta, pero se puede ver cómo se implementa en los editores RTF, acaba de tomar más simple como niceditor, código JS sencilla convertirá cualquier área de texto en el área editable con etiquetas HTML permitidas.

Fuente

2011-08-01 07:14:39

Utilice un DIV así:

<div id="box"> 
<h4>My Links</h4> 
<p><a href="URL" title="Description">Text Description</a></p> 
<p><a href="URL" title="Description">Text Description</a></p> 
</div>

y asegúrese de que esta etiqueta script viene después de este elemento div

<script type="text/javascript"> 
document.getElementById("box").contentEditable='true'; 
</script>

Si está utilizando jQuery no importa donde te ponen la etiqueta script , simplemente colóquelo en $(document).ready(); Esto hará que div sea editable. Y esto significa que los enlaces también serán editables. Lo probé - funciona en cromo y ff.

Esto hará que el div se pueda editar, pero debe dar a los usuarios una señal visual para decirles que esto es editable. Use CSS para que se vea como un área de texto.

Fuente

2011-08-01 08:42:48 Zasz

Creo que significa '$ ready (documento)();' (sin las comillas) – anestv

aplausos, me editado en la corrección – Zasz

¿Por qué no simplemente configurarlo en el HTML directamente con 'contenteditable =" true "'? http://www.w3schools.com/tags/att_global_contenteditable.asp – andrewb

Lo que necesita es un editor de texto enriquecido como http://www.tinymce.com/

Fuente

2014-01-08 08:29:02 mibutec

Agregue el enlace para que aparezca dentro del recuadro textarea

Respuesta

Cuestiones relacionadas