• @[email protected]
      link
      fedilink
      137 months ago

      How do you insert an image like this in comments? I can only get the link to the image to show up. Thanks.

      • @[email protected]
        link
        fedilink
        English
        37 months ago

        When you post it the image should show up, even if it just looks like a link when typing the comment

        • Redjard
          link
          fedilink
          13
          edit-2
          7 months ago

          In markdown, there is the notation []() for links. Reddit allowed it too for examples, and generally a lot of programs and platforms that have mild text formatting use markdown.
          [some text](https://example.org/some-link) will turn into some text

          Lemmy has basically extended this with ![]() which shows the content of the link
          ![some text](https://upload.wikimedia.org/wikipedia/commons/7/70/Example.png) will turn into some text

          Where did that “some text” go? It’s basically the placeholder for when the image is loading or failed to load, the correct term is the alt-text.

          The image @[email protected] was asking about uses the text
          ![](https://ttrpg.network/pictrs/image/396cb01b-6b2b-4351-9cd5-0742c2914719.png)
          It has no alt text. Any frontent that has an image upload button or similar will upload the image somewhere, take the link, and put it into your post like this.

          I hope your frontend renders code-blocks and escapes with backslash (\) correctly, else this may look weird to you.

      • @[email protected]
        link
        fedilink
        English
        27 months ago

        If you are on the correct website, you may have a view source button, so you can see the markdown source everyone writes to form their post.

      • @[email protected]
        link
        fedilink
        2
        edit-2
        7 months ago

        For me it’s the 5th button above the typing field for a reply/comment (bold/italic/link/emoji/“upload image”). There is also the syntax format you can manually do which you can find in the formatting help link. an ! with [] then (url) no spaces (hard to show without the format wanting to change it).

        edit: I believe the proper use of “upload image” is if you want to share an image from your device which it uploads onto the lemmy server space, using the url to link to another website also works but there is always the problem of size/format of the image and if that link becomes broken your image won’t show.

        • @[email protected]
          link
          fedilink
          4
          edit-2
          7 months ago

          hard to show without the format wanting to change it

          Could use a code block for this:

          ![](URL_of_the_picture)