Removing external resources using markdown

This is not a bug/issue, but a user reaching out for help with markdown/html.

Regardless, version Joplin 2.4.12 (prod, darwin)

My requirement is to first find notes that are accessing external resources and replace them with local ones. My second task is to hopefully automate task #1.

The part of my note that I'll use as an example looks like this.

and is achieved by using html as follows:

<img src="https://user-images.githubusercontent.com/6799467/65239338-4eb34380-dace-11e9-8fe2-7b5e28f1bced.png" width="40%" align="right">

The goal of this book is to document commonly-known and lesser-known methods of doing various tasks using only built-in POSIX `sh` features. Using the snippets from this bible can help remove unneeded dependencies from scripts and in most cases make them faster. I came across these tips and discovered a few while developing [KISS Linux](https://kisslinux.xyz/) and other smaller projects.

The snippets below are all linted using `shellcheck`.

I would like to be able to use markdown, while preserving as much of the formatting as possible. (align right, 40%, text beside it). I've found the CSS trick of using > in the first half and am wondering if the width and having text run beside it is possible as in the example above.

![513370396091a4362e8c17b701ea5808.png >](:/ae2537623389419e87346db9df77c79a)

Finally, this will be a manual that will be downloaded prior and used offline, but it cannot be guaranteed where the file location will be (for the second half of the link) so I'm wondering if there is a global constant for the joplin resources directory or is :/ it?

I've tried:

  • keeping it as html but changing the source to point to the local joplin resource folder (without luck)
  • going full markdown and trying to format the markdown image with even less luck.

Thanks in advance for your time and effort. html and css are not my strengths.
[psu]:rocket:

Having looked at multiple web links for a solution without success, I found this goldmine after I had posted this question.

Thanks community! Hope this link helps someone else.

1 Like

You can change the img src to the resource:

<img src=":/d58038fd77e04dc1b7916e253e99da0d" width="40%" align="right">

I usually paste the resource in, which produces the markdown img link, then I'll take the resource link and use that in an img src, which gives you more options for img manipulations.

1 Like

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