starred/BoostNote-App

Fork 0

mirror of https://github.com/BoostIO/BoostNote-App.git synced 2026-04-27 05:15:56 +03:00

[GH-ISSUE #696] Allow resizing of images #364

New issue

Closed

opened 2026-03-03 00:20:36 +03:00 by kerem · 2 comments

kerem commented

2026-03-03 00:20:36 +03:00

Owner

Originally created by @fzeiser on GitHub (Nov 24, 2020).
Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/696

Feature request: Possibility to resize images for rendering

In the legacy version it was (easily) possible to resize an image. I tried the same type of command now, but without success. Is it (still) possible to resize images for rendering (if so, how?) or can this be implemented with the current Markdown renderer?

Current behavior

Expected behavior

Steps to reproduce

Create a note with an image, here it was called aa79a1eb-khvynnn3.png (sorry for the name)

Image:  
![img](aa79a1eb-khvynnn3.png)

In the precious version, this snippet would then show it resized (here: width to 300x)

Trying to rescale (width):  
![img](aa79a1eb-khvynnn3.png =300x)

Environment

Desktop/Web

Boost Note.next version:
OS version and name:

Originally created by @fzeiser on GitHub (Nov 24, 2020). Original GitHub issue: https://github.com/BoostIO/BoostNote-App/issues/696 Feature request: Possibility to resize images for rendering In the legacy version it was (easily) possible to resize an image. I tried the same type of command now, but without success. Is it (still) possible to resize images for rendering (if so, how?) or can this be implemented with the current Markdown renderer? # Current behavior ![image](https://user-images.githubusercontent.com/15156776/100095551-f5297000-2e5a-11eb-9065-eb85e9431ef0.png)  # Expected behavior ![image](https://user-images.githubusercontent.com/15156776/100095744-43d70a00-2e5b-11eb-9d5e-8260905ee810.png)  # Steps to reproduce 1. Create a note with an image, here it was called `aa79a1eb-khvynnn3.png` (sorry for the name) ``` md Image: ![img](aa79a1eb-khvynnn3.png) ``` 2. In the precious version, this snippet would then show it resized (here: width to 300x) ```md Trying to rescale (width): ![img](aa79a1eb-khvynnn3.png =300x) ``` # Environment ## Desktop/Web - Boost Note.next version:  - OS version and name:

kerem

2026-03-03 00:20:36 +03:00

closed this issue
added the
feature request 🌟
label

kerem commented

2026-03-03 00:20:37 +03:00

Author

Owner

@guneskaan commented on GitHub (Dec 23, 2020):

Looks like Markdown does not have a standard for image resizing. Discussions have taken place in the past on how image resizing in Markdown should be handled:

We have a few options for how we can integrate image resizing to our current implementation of Markdown parsing using unified.js and remark.js:

Writing custom remark plugin to extend the parser and allow resizing inside paranthesis: https://github.com/remarkjs/remark/tree/main/packages/remark-parse#extending-the-parser
Using remark-shortcodes to allow sizing inside brackets with attributes: https://github.com/djm/remark-shortcodes.
Not supporting this in Markdown, and giving users the ability to use HTML <img> tag to specify custom style or size attributes

The PR I opened (#738) will give users the ability to use option 3.

I would like to hear what other developers think image rendering should be handled in BoostNote. @Rokt33r

@guneskaan commented on GitHub (Dec 23, 2020): Looks like Markdown does not have a standard for image resizing. Discussions have taken place in the past on how image resizing in Markdown should be handled: - https://github.com/gnab/remark/issues/72 - https://github.com/remarkjs/remark-images/issues/3 - https://stackoverflow.com/questions/14675913/changing-image-size-in-markdown We have a few options for how we can integrate image resizing to our current implementation of Markdown parsing using `unified.js` and `remark.js`: 1) Writing custom remark plugin to extend the parser and allow resizing inside paranthesis: https://github.com/remarkjs/remark/tree/main/packages/remark-parse#extending-the-parser 2) Using remark-shortcodes to allow sizing inside brackets with attributes: https://github.com/djm/remark-shortcodes. 3) Not supporting this in Markdown, and giving users the ability to use HTML `<img>` tag to specify custom style or size attributes The PR I opened (#738) will give users the ability to use option 3. I would like to hear what other developers think image rendering should be handled in BoostNote. @Rokt33r

kerem commented

2026-03-03 00:20:37 +03:00

Author

Owner

@Rokt33r commented on GitHub (Dec 27, 2020):

@guneskaan @fzeiser 3. should be the best in my opinion. I'll close this after #738 is merged.

@Rokt33r commented on GitHub (Dec 27, 2020): @guneskaan @fzeiser 3. should be the best in my opinion. I'll close this after #738 is merged.

kerem referenced this issue

2026-03-03 00:22:58 +03:00

[PR #364] [MERGED] French #736

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/BoostNote-App#364

No description provided.

Rows
Columns