1

me gustaria crear algo así, un cuadro con html dentro para que el usuario al pulsar el boton se copie el codigo en el portapapeles.

vasc

Gracias

2
  • 1
    Puedes indicar mas informacion sobre lo que deseas obtener en el contexto de lo que tienes? codigo actual que has intentado, que parte es la que deseas ayuda (en el cuadro de codigo, el boton de copia , ambos?)
    – F.Igor
    Commented el 24 jul. 2020 a las 8:58
  • 1
    Deseo reproducir exactamente lo de la imagen, con la funcion de copiar al portapapeles
    – Mazcvei
    Commented el 24 jul. 2020 a las 9:03

1 respuesta 1

1

Implementar el copiado a portapapeles es algo sencillo, puedes guiarte por esta referencia.

El implementar un componente de bloque de codigo formateado, con lineas y un boton de copia al portapapeles a la vez puede ser mas complicado y llevar mucho tiempo. Pero puedes comenar basandote en alguna implementacion segun las librerias de javascript/css que estes ocupando.

De otro modo puedes usar esta implementacion en javascript/css como se demuestra en este ejemplo: https://codepen.io/chriscoyier/pen/povpLOp

2
  • 1
    Genial! era justo lo que quería. Gracias :D
    – Mazcvei
    Commented el 24 jul. 2020 a las 9:33
  • 1
    Que buena noticia, si te pareció util y resuelve tu problema recuerda que puedes marcar las respuestas utiles para indicar que ya fue resuelta. Si te quedan mas dudas comenta lo que quieras aclarar.
    – F.Igor
    Commented el 24 jul. 2020 a las 9:51

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.