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

Cannot use custom svg path / icons

Đang mở
#1 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
JavaScript
Star
29
Fork
22
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Hướng nghiên cứu

Bắt đầu bằng cách đọc phần xử lý biểu tượng của ToolBar và so sánh cách các đường dẫn SVG trong repository được cung cấp với thẻ SVG tùy chỉnh và các ví dụ require('./icon.svg'). Xác định lý do các đầu vào đó được render thành các hình vuông trống; công việc được xem là hoàn tất khi SVG tùy chỉnh hoặc biểu tượng chữ cái đơn giản hiển thị chính xác và định dạng biểu tượng được hỗ trợ đã được ghi lại.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
javascript
Lĩnh vực
frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.