Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Cannot use custom svg path / icons

オープン
#1 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

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

調査の方向性

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

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

説明

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

主要言語
JavaScript
スター
29
フォーク
22
PR マージ指標
30日以内にマージされた PR はありません

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

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

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

editor-js/simple-image-tutorial のほかの issue

editor-js/simple-image-tutorial の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

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

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