Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Add a Copy code button to the final report

Abierto Apto para principiantes
  • ¿Algo no está bien?
#318 3 comentarios 2 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
80/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
css, html, javascript
Área
frontend

Línea de trabajo

Empieza con el marcado del editor en web/interview.html y luego busca dónde web/interview.js configura el editor y sus manejadores de eventos. Añade un botón junto al editor que lea todo el texto del editor y lo escriba con la Clipboard API, mostrando un breve mensaje "Copied!", deshabilitándose cuando el editor esté vacío y capturando los errores de permisos. Dale estilo en web/styles.css para que coincida con los controles existentes. Está terminado cuando pegar en otro lugar produce el texto exacto y el contenido, el cursor y la selección del editor no cambian.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Description

Currently, candidates need to manually select all text in the code editor and copy it using keyboard shortcuts.

Adding a "Copy code" button would provide a convenient way to copy the current solution for debugging, reviewing, or sharing after practice.

Expected Behavior

  • Add a "Copy code" button near the code editor.
  • Clicking the button copies the entire current editor content to the clipboard.
  • Display brief feedback such as "Copied!" after a successful copy.
  • Disable the button when the editor is empty.
  • Handle clipboard permission errors gracefully.
  • Preserve the editor content, cursor position, and selection.

Suggested Implementation

The relevant files are:

  • web/interview.html — Add the button to the editor interface.
  • web/interview.js — Handle the copy action using the Clipboard API.
  • web/styles.css — Style the button consistently with the existing interface.

Testing

  1. Enter code in the editor.
  2. Click "Copy code".
  3. Paste the clipboard contents into another text editor.
  4. Verify that the copied code matches the original, including whitespace and line breaks.
  5. Verify that clicking the button does not modify the editor content.
  6. Verify the behavior when the editor is empty or clipboard access fails.

Motivation

This small usability improvement reduces repetitive manual actions and makes it easier for candidates to review their code outside CodeTrial.

Lenguaje dominante
Rust
Estrellas
160
Forks
64
Merge medio
1 d 12 h
PR fusionados (30 d)
124

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de sysprog21/codetrial

Todos los issues de sysprog21/codetrial

Issues similares

Más issues de Rust

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.