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

Cannot use custom svg path / icons

オープン
#1 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
29
フォーク
22
PR マージ指標
30日以内にマージされた PR はありません

説明

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

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

まず ToolBar のアイコン処理を読み、リポジトリの SVG パスがカスタム SVG タグおよび require('./icon.svg') の例とどのように提供されているかを比較します。これらの入力が空の四角形としてレンダリングされる理由を特定します。カスタム SVG または単純な文字アイコンが正しく表示され、サポートされているアイコン形式が文書化されていれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。