congratulations on the 0.37.x Release 🎊.
This is about images in the editor that are written using local paths.
## 🎨Problems with images in the editor that are described using a local path.
Let’s get down to business. I’m talking about the issue of images in the editor described by local paths.
I usually take notes in Evernote. So I tried it out by pasting a text with a picture from Evernote into the Publii’s WYSIWYG editor with Ctrl+V.
For some reason, two images have been pasted into the editor.
The first is something like “blob:file:///93974476-513a-6lw1-a88a-bdcdc5ff312d”.
The second was something like “file:///C:/Users/username/AppData/Local/Temp/enhtmlclip/MiAWLAfns7pPgptcHFFPe8UAwMhPTPp3GGop.png”.
I also pasted Markdown text with images written in a memo app called Joplin using Ctrl+V.
In this case, the image was pasted into the editor with the following link
I then tried dragging and dropping the image onto the Publii editor. In this case, the image was pasted into the editor with the following link.
I was hoping that any images placed outside of the two default paths above would be duplicated in the Publii default folder when I hit the Sync your website button. But when I looked at the blog I posted on Netlify, the image path was still there!
## 🙄Design of Fix UI with warnings for image paths
So I have created a warning and fixUI design in AdobeXD for the image path (see attached image).
1. Images in the editor that are not placed in the Publii default folder will be considered an error.
2.When the user presses the Fix button, the error image will be duplicated in the Publii’s default folder path.
What do you think of this approach? Or, if the image path is entered as text, it may be simplest if the process of duplicating the image path to the specified image path runs immediately.
If you would like, I would be happy to have a UI designer review it or consider implementing it.
I had the same kind of issue with one of my posts too. I published my site and saw that images inside the article were not displaying (top image was OK). The path was indeed a local path. I opened the post in publii and all the pictures were in error. Then I recreated each image field and imported my pictures again, published my site back and then it worked. I don’t know why… I don’t have published anything since this time.
Yes, it looks a quite problematic case – some users can do not understand that they have pasted invalid images.
I will add this case to my ToDo list for one of the next releases.
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!