bicarlsen / obsidian_image_caption Goto Github PK
View Code? Open in Web Editor NEWAdd captions to images in Obsidian.
License: GNU General Public License v3.0
Add captions to images in Obsidian.
License: GNU General Public License v3.0
I did everything in the description, but no caption is generated.
SYSTEM INFO:
Obsidian version: v1.4.13
Installer version: v1.4.13
Operating system: Darwin Kernel Version 21.6.0: Mon Dec 19 20:44:01 PST 2022; root:xnu-8020.240.18~2/RELEASE_X86_64 21.6.0
Login status: not logged in
Insider build toggle: off
Live preview: on
Legacy editor: off
Base theme: dark
Community theme: none
Snippets enabled: 0
Restricted mode: off
Plugins installed: 1
Plugins enabled: 1
1: Image Caption v0.0.15.alpha
RECOMMENDATIONS:
Community plugins: for bugs, please first try updating all your plugins to latest. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community plugins.
Thanks in advance for your help!
Plug-in cannot render markdown syntax.
example...
![img caption](uploads/sample_img.png]
Maybe we could have something like:
![[my_amazing_image.png|50 "Amazing Caption"]]
Meaning if we only specify one dimension for resizing (let's say by convention it would be the width), the height should automatically be adjusted to maintain the original ratio of the image.
I have tried this plugin several times over the past few months. I have never been able to get it to work. I have gone through all your examples, to no avail. I am using Obsidian v 0.15.9. Here is the embed I have been trying to use ![[Mountaintop St. Thomas.jpg|500]]. This renders fine. But as soon as I try to add the caption ![[Mountaintop St. Thomas.jpg|500 "High on the Mountain Top"]] the image expands to full size and doesn't show the caption. Tried following your directions in the FAQ but that didn't work either.
the plugin now fails to load when trying to activate it
Plugin failure: obsidian-image-caption Error: UNKNOWN: unknown error, read
Hello!
I already have the image alignment snippet of SIRvb's and if I enable your plugin, the image alignment |center or |right becomes the caption of the image.
Hello! Really enjoying the plugin and it's working brilliantly so far. However I'm having a similar problem to #16 - when I try to export to PDF (right click on note --> Export to PDF) the captions appear but without any numbering. The numbering works fine when I look at my notes in Read mode (although not in Edit mode as discussed earlier)
I just noticed an issue when no delimiter specified (default option), it seems it always eats (remove) the last caption letter.
For example, I have this code (with or without explicit image size):
![[IMG_20200229_124034.jpg|Home Park|400]]
# or
![[IMG_20200229_124034.jpg|Home Park]]
and it renders as
Note, when I specified a delimiter "
in addon's options, it works perfectly:
![[IMG_20200229_124034.jpg|"Home Park"|400]]
I am unclear whether captions should be appearing in Live Preview?
I can see them in Reading mode but not Live Preview.
Thanks for a useful plug-in, which works as described.
I also use a snippet, designed by Lithou, which allows you to place an image in various position relative to the text. An example format: ![[image.png|+side -med]]
. So, guess what …… your plug-in sees that as a caption. The image does get arranged as per the snippet, but +side and -med get placed as a caption under the image in Preview.
I want to be able to use thesnippet AND you plug-in without getting funny captions. Lithou proposes a solution.
Could you have a look at that and see what is possible?
I have attached Lithou's snippet.
pub-Image_Flags.css.zip
Have tried with delimiters " {} !!, etc
![[picture.png]] works at default size
![[picture.png|200x200]] works and sets the image to 200x200 pixels
![[picture.png|"Caption Phrase"]] works, of course while " is delimiter.
![[picture.png|200x200 "Caption Phrase"]] does not work completely. Caption Phrase works as the caption, but the size is ignored.
I have found no combination that wil allow size and caption to work together.
Thank you
I tryed in every way possible using external image file link. Can't show it on preview mode the numbers on the side.
Is this a bug or is not meant to do it?
Ps.: In contrast of what it is said in the docs, I have to put a pipeline character in the middle to make resizing work.
I used CSS to center the image. But how to center the caption?
Hello,
Firstly thanks for making this plugin and contributing to the community!
I embed external images using the below format:
![Image](https://pbs.twimg.com/media/FDIJ2jOUcAI8WaY?format=jpg&name=medium)
It would be good to be able to caption these too.
Thanks!
Dear developer of this plugin:
I have tried but by no means does the plugin work (the image is always rendered while no caption shown with the given syntax). I saw from another issue that the plugin is not compatible with the latest version? Do you have a plan to fix it. I am eagerly waiting for it.
The platform is macOS Mojave.
Hello first of all thank you so much for this lovely plug in. Its really gonna help me.
One issue I have come across is that if I have two images in one line like this :
![[Planes as they get close to EL.gif|500 "my caption"]]![[Planes as they get close to COV.gif|500]]
So that they are both rendered side by side, inserting a snippet into one of the images will force the image with the snippet to be rendered on its own line.
I am a learning a bit of HTML and CSS I believe this is called in line
and block
style element? in short is there a way I can style the caption so that I can still have images side by side? I am really new to this programming stufff so if you can point me in the right direction I will really appreciate it.
Below is an example of what I mean.
Thanks again.
Is it possible to have math mode/rendered equations within the captions?
For example, I need something like:
![[image.png|"graph showing $y=ax^2+bx+c$"]]
,
where my delimiter is set to "
. I imagine it's doable with the "Caption as HTML" setting somehow, but I'm not familiar with HTML. If it's already a possibility, perhaps an example could be shown in the README?
Not sure how these are related, but this is confirmed
The exported doc has no caption
Like your plugin! However, the captions appear to the right of the image, how do I set it so it's underneath?
Thanks :)
When trying to install through Obsidian, it throws an error:
No appropriate version found.
Hi,
I am trying to use a long caption.
Then the full length of the caption does not display.
Any way to cut into several lines (eg \n,
...)?
or to wrap the caption on several lines ?
Thanks for this already nice addition
All the best
Eve
Hey, I'm a fairly new user to Obsidian so maybe I did something wrong, however I can't get the captions to work at all.
None of your code examples from the readme work, even in the sandbox vault. :/
When Obsidian on mobile loads, the plugin always fails to load but works fine on desktop.
Anything I can do to help debug?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.