editor-js / editor-js/simple-image-tutorial
Cannot use custom svg path / icons
- 主要言語
- 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