Sign in

Problems with images in the editor that are described using a local path.

#3948
IZUMI Miyasaka

## ????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
“file://E:/Creative/Editorial/JoplinPortable/JoplinProfile/resources/./e0acf341efb8fb458026ca398133ecb2.jpg?t=1599286242422”

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.
“file://E:/MyDesign/MyBlogName/Publii/sites/MyWebsiteName/input/media/posts/232/2020-05-21.jpg”

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.
→ “Publii/sites/MyWebsiteName/input/media/posts/123/

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.