editor-js / editor-js/simple-image-tutorial

Cannot use custom svg path / icons

Ouverte
#1 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
Langage dominant
JavaScript
Étoiles
29
Forks
22
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

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](http://svgicons.sparkk.fr/) 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](https://codepen.io/anthonydugois/pen/mewdyZ)
- using any simple letter path from [this pen](https://codepen.io/scnijland/pen/xRGjBw)
- 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 :)

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

Commencez par lire la gestion des icônes de ToolBar et comparez la manière dont les chemins SVG du dépôt sont fournis avec la balise SVG personnalisée et les exemples de require('./icon.svg'). Déterminez pourquoi ces entrées sont rendues sous forme de carrés vides ; la tâche sera considérée comme terminée lorsqu’un SVG personnalisé ou une simple icône représentant une lettre s’affiche correctement et que le format d’icône pris en charge est documenté.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.