I would like to center the image at the top of the topic starter which doubles as my blog for people to comment on. Or better yet, make the photo expand to the width of the box. What would be the code for that? Thanks. :slight_smile:

You don’t need the bbcode plugin, just use some HTML. [Nacho-0] <div align="center"> ![Nacho-0|562x499,25%](upload://l0D8BmOF2L3fHHsyw18JmTEnGEm.png) </div> :warning: Note that the blank line is needed due to the mix of HTML and markdown. Without the blank line you’ll end up with centered tex…

You can align an image with HTML: <div align="center"> <img src='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/original/3X/3/5/35b818325e1ea3cd9ef837696e6fe889447d8d5f.jpg'> </div> That looks like this: [画像]

Would it make sense to have uploaded images centered by default in Discourse? Posts look nicer this way, and probably lazy users would prefer this setting but we are… just lazy to add the HTML manually. Users with other needs could still add the HTML.

I prefer images not being centered by default, they should adjust the way the reader prefers to read text (left to right, or vice versa). But that’s really always a personal flavor. Markdown itself doesn’t have such capabilities, you’ll always need to use HTML for such things. Similar thing for sho…

[画像] icaria36: Would it make sense to have uploaded images centered by default in Discourse? If the images are not wide enough they will stack horizontally like so: [horizontal images] If you’re fine with losing this, then you can automatically center all images in posts using CSS. .light…

I am definitely using that. Thanks III !

As discussed here: [画像] Emoji auto break line? Support I could be wrong, but did you use the code to center all images from this topic? If so, then the issue you’re facing is an unintended consequence. You need to exclude emoji from the rules that cen…

[画像] lll: I would edit my post above, but I can’t due to it being old. It’s now a wiki, feel free to update it.

I have an image I uploaded to the site that I’d like to reuse and center but it’s not working for me. This works: ![File name|200x158](upload://kInviqVDIfMgOjsYe2SyADc5znk.png) How would I center this image using the syntax shared above? Thanks!

If you’re willing to use the BBCode plugin (and understand its risks & benefits), it allows for anyone to center images using only the editor. https://github.com/discourse/discourse-bbcode

[画像] gerhard: <div align="center"> Why this doesn’t work for me. Where is the “code” button in editor to write some html? Thanks.

What is the code for centering an uploaded image?

Support

jomaxro (Joshua Rosenfeld) 2018 年 4 月 5 日午前 12:38 11

It’s now a wiki, feel free to update it.

トピック		返信	表示
Ability to center images with markdown Feature	1	1133	2023 年 7 月 13 日
Add markup to control alignment of images and text Feature	11	2895	2014 年 5 月 3 日
Aligning images and headers Support	1	865	2020 年 12 月 27 日
Would like Youtube vids centered Support	2	592	2019 年 9 月 28 日
Centering images within a topic and a slider for images Support	5	752	2025 年 8 月 4 日

What is the code for centering an uploaded image?

関連トピック