Plugin page quirks

Issues
1

Hi there,

I found some more plugin page quirks after publishing my latest plugin. All screenshots were taken on the table-editor plugin page.

Image overflow

uSpRbgP.png888×406 29.6 KB

Can be fixed by adding max-width: 100%; to images. Maybe it is also a good idea to make images that are not already wrapped by a hyperlink link to their source like GitHub does.

<kbd> tag not working

B3BGk2q.png888×651 67.3 KB

I understand that HTML tags are a dangerous subject, but the <kbd> tag is pretty useful for displaying default shortcuts, so I’d say whitelisting it is a good idea.

2

Makes sense!
Inline HTMLs are now allowed with sanitization based on GitHub’s rule as defined here.
You should see <kbd> tag is working!

Maybe it is also a good idea to make images that are not already wrapped by a hyperlink link to their source like GitHub does.

Yeah it’s useful but it seems that there is no remark/rehype plugin for that at the moment.
Thanks for the suggestions!

1 Like
3

Seems like your image is outside of github.
If it is on github.com or just a relative path, it will be wrapped by a link automatically. For example: https://my.inkdrop.app/plugins/simple-note-list
Hope it helps!