Quicker way to resize images/ multiple images, rather than typing "|xxx"

What I’m trying to do

Trying to learn if there is a way, or plugin, to resize images more quickly than typing “|200” for example after my photo link line-- I paste a lot of images very quickly and its very unnecessarily tedious to retype or copy paste the |xxx line in a specific spot after every link

TY!

Scenario: in Note-A you want all your images with the width=300px.

  1. In Note-A, use the frontmatter to create a specific cssclass for this scenario (for example, cssclass: image300):
---
cssclass: image300
---
  1. Create a css snippet for your scenarios. For this example, add this css code:
.markdown-preview-view.image300 img {
  width: 300px !important;
}
.markdown-preview-view.image300 .image-embed:active img {
  width: 100% !important;
}
  1. Activate your css snippet, add your images to Note-A and all the images are presented with the defined width.

This is perfect, ty

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.