Showing [Image: :/...] instead images itself in the preview

flintt · 2024-08-21T09:26:22.637Z

Operating system

Windows

Joplin version

3.0.14

Sync target

WebDAV

What issue do you have?

Showing [Image: :/1ca8c25c74de4a36b89cc1a29224d0b8] in preview, instead of image itself, and on my phone it looks like this.

Screenshots

Joplin_7UACUU81dR.png1869×954 270 KB

In the rich editor mode, it's normal. All images displayed normally.

laurent · 2024-08-21T10:11:34.568Z

Isn't it some plugin that is doing this?

flintt · 2024-08-21T10:18:49.487Z

No, not using other plugin other than default one(backup).

dpoulton · 2024-08-21T11:48:18.259Z

It appears that there is more text / markdown above the image that does not display.

Just wondering if there is something wrong with the formatting before that <img> tag that causes the image not to display in the render pane but, for some reason, is ignored by the Rich-Text Editor???

flintt · 2024-08-21T12:15:47.319Z

I don't think it's the other text that's causing the problem, I've extracted this problematic image into a newly created note, and as a comparison I've also extracted the normal one below it

image1784×703 135 KB

Also the notes are displayed the same as the rich text section when synced to an Android phone, so it shouldn't just be a pc side issue!

flintt · 2024-08-21T12:32:28.640Z

To summarize the phenomenon I found:

image1056×2000 98.9 KB

Sorry for the text in image (new user only allow upload one picture)

dpoulton · 2024-08-21T13:25:17.619Z

What is the format / file type of the image that does not display?

I can only duplicate an <img> image displaying in the Markdown render pane in the format [Image: :/1ca8c25c74de4a36b89cc1a29224d0b8] when the image is a type that the renderer cannot display. However I have not so far found an image type that the Markdown renderer cannot display but the RTE can...

flintt · 2024-08-21T13:49:52.515Z

The image is BMP type.

Initially the note was displaying perfectly fine on my phone, then suddenly all the imgs in the note stopped displaying, not sure what cause that happend.

dpoulton · 2024-08-21T14:33:32.821Z

I thought I had tried BMP but obviously not!

It appears that the Markdown render pane cannot display BMP images but the Rich Text Editor can.

I can duplicate what you are seeing on the desktop app (v3.0.15).

bmp_display

Same occurs when using a "normal" Markdown link - ![facepalm.bmp](:/bc13414a486e4204ae9ecb49c0b4a3f9)

flintt · 2024-08-21T14:44:10.496Z

It's a bit strange, I remember seeing pictures on my phone properly, on the phone it using RTE, right?

dpoulton · 2024-08-21T19:15:16.403Z

flintt:

on the phone it using RTE, right?

On my Android client the Markdown Editor and viewer are two different screens. You only get the viewer when you quit from the editor.

dpoulton · 2024-08-21T20:20:00.884Z

Previous posts indicate that it was known that the BMP image format was one that Joplin did not display. However the fact that one editor actually displays BMP images whilst the other does not is an inconsistent behaviour and so I have created a GitHub issue for consideration.

github.com/laurent22/joplin

MD Render Pane does not display BMP files. RTE does.

opened 08:18PM - 21 Aug 24 UTC

dpoulton-github

bug

### Operating system Linux ### Joplin version 3.0.15 ### Desktop version inf…o Joplin 3.0.15 (prod, linux) Sync Version: 3 Profile Version: 47 Keychain Supported: No Revision: 598677b Backup: 1.4.1 OS specifics: Linux Mint 21.3 Cinnamon, Kubuntu 22.04, Windows. Sync method / target: None ### Current behaviour 1. Import a BMP image into a Markdown note. 2. Joplin does not add "!" before the image link as it treats BMP as an image type it cannot display. 3. Without an "!" the image appears as expected in the render pane as a generic file icon followed by the file name. *(fig.1)* 4. Add "!" before the link. As expected the render pane shows a broken image icon is displayed followed by the file name. *(fig.1)* 5. Switch to the Rich Text Editor (RTE) 7. The image link prefixed with "!" **IS** displayed. *(fig.2)* 8. A BMP file imported directly into a Rich-Text note will not display, but that is only because the underlying Markdown link does not automatically have "!" added as a prefix. Adding one causes the image to display. *Fig.1 - Markdown Editor* ![image](https://github.com/user-attachments/assets/66b5d6b3-5f45-4b5b-8b3b-8ffccdd597ca) *Fig.2 - Rich-Text Editor* ![image](https://github.com/user-attachments/assets/1b735729-0711-468d-865d-0d993430a614) ## Other Information - Linked forum post > [Showing [Image: :/…] instead images itself in the preview](https://discourse.joplinapp.org/t/showing-image-instead-images-itself-in-the-preview/39743) ### Expected behaviour Image rendering should be the same for both editor types. ### Logs N/A

personalizedrefriger · 2024-08-21T20:52:08.018Z

I'm linking a pull request that should fix the issue:

github.com/laurent22/joplin

Mobile,Desktop: Fixes #10914: Fix BMP image rendering in the Markdown viewer

laurent22:dev ← personalizedrefrigerator:pr/desktop/fix-bmp-image-rendering

opened 08:48PM - 21 Aug 24 UTC

personalizedrefrigerator

+1 -1

# Summary This pull request adds `image/bmp` to the list of supported resourc…e formats. **Note**: The Rich Text Editor replaces resource URLs before checking whether an image is in a supported format (`replaceResourceInternalToExternalLinks` is true), so this only affects the Markdown editor. This pull request fixes #10914. **Note**: I have observed the original issue on both desktop and web. # Testing plan 1. Create a new note and attach a BMP image. 2. Verify that the BMP image renders in the Markdown viewer. This has been tested successfully on Linux (Fedora 40) and web (Chromium).

system · 2024-09-20T20:52:47.549Z

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