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

Cannot use custom svg path / icons

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

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Empieza leyendo el manejo de iconos de ToolBar y compara cómo se proporcionan las rutas SVG del repositorio con la etiqueta SVG personalizada y los ejemplos de require('./icon.svg'). Determina por qué esas entradas se renderizan como cuadrados vacíos; se considerará terminado cuando un SVG personalizado o un icono de letra simple se muestre correctamente y el formato de icono compatible esté documentado.

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

Descripción

Whenever I provide a custom SVG tag string or use require('./icon.svg') my ToolBar just shows empty square instead of an icon.

What I tried:

  • providing any SVG path from this website and using width="19" height="13" viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg" settings
  • creating simple SVG path myself using this path builder
  • using any simple letter path from this pen
  • using any SVG from FontAwesome icon pack

Of course, if I use the SVG path provided in your repos icons show up as expected.

Is there any reason for this? Do you have a list of icons I could use that would work? I'd like to have even something as simple as a letter instead of picture icon.

Thank you for making this editor! It's great :)

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

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

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 editor-js/simple-image-tutorial

Todos los issues de editor-js/simple-image-tutorial

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.