How reference correctly images through many .adoc files located in different folders
I am working with Atom Editor + the two plugins/packages available about asciidoctor.
- asciidoc-preview
- language-asciidoc
All work how it is expected. But I am with the following situation:
I have the following directory structure:
xml
figures
findOneXml.adoc
findOneXml.png
urls
findOne.adoc
Where findOneXml.adoc (within figures folder) has
[[findOneXml]]
image::findOneXml.png[caption="Figure - " title="findOneXml"]
With the live preview I can see the image and its respective description
Now with findOne.adoc (within url folder) contains among many things the following line:
include::../figures/findOneXml.adoc[]
I think the path reference is ok. if I use other, the live preview shows an error message about an invalid or wrong path.
But through the live preview I see broken the image but I can see the description.
What is wrong or missing?
Even with include::./../figures/findOneXml.adoc[] fails
Note: in the sub/child document I need add other data how notes, tips (Admonition), that child document would be reused many times by other parents. So I only don't need refer to the image only.
Thanks
The image is resolved relative to an internal base path of the asciidoc rendering engine. In your case I assume the engine takes the path of the rendered (main, parent) document. So, images are resolved relative to that. Try:
image::../figures/findOneXml.png[]
This should work for both adoc documents, as the path moves up to the parent directory and then explicitly down into the figures directory.
In case you want to have a common absolute base for images, you can also set the :imagesdir: attribute to the base url of your images directory. This should then also work with live previews:
- Github desktop open in sublime, not atom
- How can I fix the "zsh: command not found: python" error? (macOS Monterey 12.3, Python 3.10, Atom IDE, and atom-python-run 0.9.7)
- How do I make a default syntax by filetype in Atom text editor?
- How do I upgrade to C++17?
- Configure PHP-cs-fixer indentation for 2 spaces rather than 4?
- Emmet: How to Wrap Using Multiple Tags
- How to use visual studio code to debug django
- iTerm2 & Atom - Switch profiles based on input bash commands in ~/.bash_profile, looking for suggestions
- Can't type/click into a text area anymore due to jQuery but can't see what's causing it
- Why is Atom behaving like this?
- Why am I getting a NameError when I've defined my variable name in a function?
- Atom: how to diff two files using split-diff
- How to uninstall Atom text editor on Linux?
- Multi-line editing on Atom
- Using git with ssh-agent on Windows
- Jupyter Notebook can't find modules for Python
- Clangd not finding standard headers
- How to get rounded corners on an Electron app?
- Impossible to write { } curly brackets on croatian keyboards on Atom text editor
- Changing cursor style of atom editor
- Visual Studio Code(vscode): Change command palette to look like Atom's one?
- pip installed pylint cannot be found
- ESLINT: Parsing error: Unexpected token in package.json
- Atom & eslint update : ImportDeclaration should appear when the mode is ES6 and in the module context
- Why 'create-react-app' always gives me 2 instead of 4 indentation spaces?
- Node is not recognized
- Regular expression matching lines that are not commented out
- Hostname/IP doesn't match certificate's altnames: "Host: registry.npmjs.org. is not in the cert's altnames
- How reference correctly images through many .adoc files located in different folders
- Atom suddenly causing a warning malware popup from MacOS Monterey