Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Resize and align images #861

Open
BjoernRave opened this issue Mar 29, 2020 · 8 comments
Open

Resize and align images #861

BjoernRave opened this issue Mar 29, 2020 · 8 comments
Labels
Enhancement Enhance performance or improve usability of original features. Need Discussion Need discussion or investigation

Comments

@BjoernRave
Copy link

I would like to be able to resize and align images

@BjoernRave BjoernRave added Enhancement Enhance performance or improve usability of original features. Need Discussion Need discussion or investigation labels Mar 29, 2020
@seonim-ryu
Copy link
Member

@BjoernRave Actually, this explanation is not enough to know exactly what you want. Whether you want to handle image size or alignment in a layer popup, or whether you want to add markdown syntax, I need a detailed explanation.

First of all, as I'm expecting, you can use html in the Markdown editor, and use the style attribute to handle image size and alignment. Did you want this feature?

<img src="..." style="width:50%;height:50%;float:right;" />

mde

@BjoernRave
Copy link
Author

yes, I would like to be able, that when I add an image to the wysiwyg editor, that I can resize and align the image inside the editor

@g-rodigy
Copy link

g-rodigy commented May 19, 2020

+1
Resize and align the image inside the editor or popup, maybe add a margin

1 similar comment
@KamaMakh
Copy link

+1
Resize and align the image inside the editor or popup, maybe add a margin

@jdtrat
Copy link

jdtrat commented Mar 13, 2021

Would love to have this for the WYSIWYG editor! For the markdown side, perhaps a macro would work? Something like that used in remark.js may be helpful. From the linked issue:

remark.macros.scale = function (percentage) {
  var url = this;
  return '<img src="' + url + '" style="width: ' + percentage + '" />';
};

Usage:

![:scale 50%](image.jpg)

Output:

<img src="image.jpg" style="width: 50%" />

@Teolone88
Copy link

+1
Resize and align the image inside the editor or popup, maybe add a margin

@livevsonline
Copy link

Has anyone found a workaround for now for this problem?

@ycshill
Copy link

ycshill commented Apr 28, 2023

同问,希望能解决一下这个问题啊!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement Enhance performance or improve usability of original features. Need Discussion Need discussion or investigation
Projects
None yet
Development

No branches or pull requests

8 participants