Plugin: Remove Images

Plugins
1

Remove Images

Overview

This joplin plugin allows to remove all images in selected note. To use this you can just press on Remove Images button in Editor Toolbar or go to Tools -> Remove Images.
Note: Currently, This plugin is intended to work only on Markdown Editor.

Installation

Remove Images can be installed from within Joplin by navigating to the plugins page in the settings menu then searching for and installing "Remove Images"

Links

6 Likes
2

It might be worth adding an option to specify only removal of Joplin resource images i.e. extend the regex to only look at tags containing (:/ at the start of the link section in order to not break any notes that use links to pictures elsewhere on the filesystem or online.

My reasoning is that the links with external references tend to be deliberate and obviously don't take up disk space which would be my main reason for wanting to purge images in the first place.

Another suggestion would be to only target image links within a highlighted section rather than over the entire document (or the reverse, purge everything except the highlight) - for example if you web clip you might want the "proper" images but you want to purge the extra website logos or links to other pictures you don't want.

2 Likes
3

I agree with this. I can add an option to only remove Joplin resource images. My reasoning for implementing it this way was if a user web clip a page and don't want any images then user can use this plugin.

I had similar idea in my mind. I will try to implement it soon.

Thanks @Daeraxa for suggestions.

4 Likes
4

There is also a small issue with the way this handles hyperlinked images as taken by the webclipper.
For example clip: Human head - Wikipedia
Some image links are shown within hyperlinks e.g. [![Proportions of the Head.jpg](:/b8ce842087404b30a91c4892cc97e805)](https://en.wikipedia.org/wiki/File:Proportions_of_the_Head.jpg)

Running your plugin results in a weird empty link that isn't rendered (as it has no text) i.e.
[](https://en.wikipedia.org/wiki/File:Proportions_of_the_Head.jpg) as it is only reading the image tag part.
So I guess it should either be taking the entire string out or it should be replacing the now empty [] section with the contents of the resource section.

Happy to open it as an issue on your repo if you want.

1 Like
5

hey @Daeraxa I would be happy if you opened this as issue on my repo.

I will definitely look into this and update it soon.

6

Thanks for the plugin! This is something I will surely use.

I can confirm Daeraxa's experience that something like this:
[<img width="210" height="24" src=":/51ae88f25d8f41808bcdc7a0496c8b2a"/>](https://www.freecodecamp.org/news)

became
[](https://www.freecodecamp.org/news)

In my opinion, if I am wanting the image removed, I'm wanting the whole thing removed. The fact that the image was an anchor to something else doesn't matter.

I also like the idea of removing images in text that is not selected. In any case, I do think it's good to offer some selection option for the reason Daxera said.

1 Like
7

I am glad that my plugin will be useful for you @whitewall .

Thanks for suggestion. I will be updating the plugin soon.

I agree, I will work on it for sure.

8

Hey guys,
As suggested above I have updated the plugin to remove all kinds of images and patch for this is published so now you should be able to update the plugin.

(Plugin can remove images of all the following types now: )

  • [<img width="210" height="24" src=":/51ae88f25d8f41808bcdc7a0496c8b2a"/>](https://www.freecodecamp.org/news)

  • [![Proportions of the Head.jpg](:/b8ce842087404b30a91c4892cc97e805)](https://en.wikipedia.org/wiki/File:Proportions_of_the_Head.jpg)

![kitty](:/49e6c7b53e3f4c24ae04353830b9b93b)
![kitty](https://sw.kovidgoyal.net/kitty/_static/kitty.svg)
![kitty](/home/name/Pictures/kitty.svg)

Thanks for letting me know these issues.
Soon I will be adding feature to remove only images that are not selected.

2 Likes
9

Thanks! I just updated and it works as expected.

I noticed that it leaves behind a blank line where the image code used to be. I wonder if it should also be removing that? Rendered it doesn't matter. But it might be cleaner to have them removed.

10

I also agree that it would be cleaner to have blank line removed. I will update it soon.

1 Like