Fix: example.js stores defaultHTML function reference instead of calling it, causing examples to display raw JavaScript source in preview

Abierto Apto para principiantes
#4,344 3 comentarios 0 reacciones 1 asignado Ver en GitHub

Los mantenedores suelen responder en 4 días

@syedbarkath980 ya está trabajando en esto.

Desde el 30/10/2026.

  • #4395 de @syedbarkath980 — abierto

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
76/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Empieza en example.js y sigue cómo se usa la función defaultHTML cuando se obtienen los ejemplos y se muestran en el panel de vista previa. Reproduce el problema con npm run fetch-examples y npm start, y verifica después que abrir un ejemplo renderiza una página HTML y ejecuta el sketch de p5.js en lugar de mostrar el código fuente de JavaScript.

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

Descripción

Bug
p5.js version

v18.20.8

What is your operating system?

Windows

Web browser and version

Brave1.96.61 Chromium: 154.0.8037.98 (Official Build) (64-bit)

Actual Behavior

Bug Description

When running npm run fetch-examples locally, opening any example sketch
shows raw JavaScript function source code in the preview panel instead of
rendering a proper HTML page.

The preview panel displays raw JavaScript function source code:

Image
Expected Behavior

The preview panel renders a proper HTML page that runs the p5.js sketch.

Image
Steps to Reproduce:
  1. Clone the repository and complete manual installation
  2. Run npm run fetch-examples
  3. Start the server with npm start
  4. Open any example sketch from File → Examples
  5. Observe the preview panel

https://github.com/user-attachments/assets/26ab75c4-21c7-4937-8e80-c75395302137

Lenguaje dominante
JavaScript
Estrellas
1.7k
Forks
1.7k
Merge medio
8 d 22 h
PR fusionados (30 d)
14

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 processing/p5.js-web-editor

Todos los issues de processing/p5.js-web-editor

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.