Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

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

  • #3946
    Avatar photo[anonymous]
    Hello.
    congratulations on the 0.37.x Release ????.
    This is about images in the editor that are written using local paths.
    #3948
    Avatar photo[anonymous]

    ## ????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.

    #3949
    Avatar photo[anonymous]

    Publii_Image-path-warning-UI_002_003_compressed

    #3997
    Avatar photo[anonymous]

    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.

    #4033
    Avatar photo[anonymous]

    Hi,

    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.