Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Cannot use custom svg path / icons

Aperta
#1 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
javascript
Ambito
frontend

Direzione di ricerca

Inizia leggendo la gestione delle icone di ToolBar e confronta il modo in cui vengono forniti i percorsi SVG del repository con il tag SVG personalizzato e gli esempi di require('./icon.svg'). Determina perché questi input vengono visualizzati come quadrati vuoti; il lavoro è completato quando un SVG personalizzato o una semplice icona con una lettera viene visualizzata correttamente e il formato di icona supportato è documentato.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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 :)

Lingua principale
JavaScript
Stelle
29
Fork
22
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di editor-js/simple-image-tutorial

Tutte le issue di editor-js/simple-image-tutorial

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.