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

Missing JS features: copy buttons, heading anchors, smooth scroll

Abierto
#4 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript

Línea de trabajo

Start in the plugin's main.js, where the existing theme toggle, mobile menu, and language switcher are implemented. Review the requested .copy-btn and .heading-anchor behavior and the anchor-link navigation requirements. Done means code blocks expose copy buttons, headings with id attributes have clickable anchors, and anchor navigation scrolls smoothly.

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

Descripción

Problem

The plugin's main.js only provides three features:

  1. Theme toggle
  2. Mobile menu
  3. Language switcher

Several essential documentation features from the dart_node site are missing:

1. Code block copy buttons

Code blocks should have a copy-to-clipboard button (.copy-btn) that appears on hover. This is standard for documentation sites.

2. Heading anchors

Documentation headings with id attributes should have clickable anchor links (.heading-anchor) to enable deep-linking to sections.

3. Smooth scrolling for anchor links

Anchor link navigation should use smooth scrolling for better UX.

Expected behavior

The plugin's JS should provide these features out of the box since they're essential for technical documentation sites.

Current workaround

Sites must provide their own JS file with these features, defeating the purpose of the plugin.

Lenguaje dominante
JavaScript
Estrellas
0
Forks
0
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

  • Sin Dockerfile ni archivo de Docker Compose
  • Tiene una plantilla de pull request
  • Sin guía de contribución

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 Nimblesite/eleventy-plugin-techdoc

Todos los issues de Nimblesite/eleventy-plugin-techdoc

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.