Comments (7)
It should already work if you enable Antora support. Here's an example:
![Capture d’écran 2024-03-16 à 11 46 31](https://private-user-images.githubusercontent.com/333276/313399211-3dee1591-cd8d-4088-818d-225f01cd0cc6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk0NjAzNjUsIm5iZiI6MTcxOTQ2MDA2NSwicGF0aCI6Ii8zMzMyNzYvMzEzMzk5MjExLTNkZWUxNTkxLWNkOGQtNDA4OC04MThkLTIyNWYwMWNkMGNjNi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjI3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYyN1QwMzQ3NDVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NmQ0NGMwMGM3NDJjNDkzNGJhZTc1MTk3YjQ4N2IxNjExMDI4ZWM2NTFiYjZiNDVkNTE1MTZjM2I1NDE2Y2U3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.O9x2JoQXgK_u_PUxkN1aEgmjbMIQUNOzTGBsCq23gnI)
from asciidoctor-vscode.
it is odd. the image does not preview by default. unless add the following imagesdir entry in settings.json "asciidoc.preview.asciidoctorAttributes": { "imagesdir":"../images/" }
@ggrossetie is your vscode a specific version? nightly build? anything we need to do?
I am running vscode Version: 1.87.2
vscode-asciidoc extension v3.2.0
from asciidoctor-vscode.
Do you have "asciidoc.antora.enableAntoraSupport": true
in your settings? Did you get a popup asking you to enable Antora support?
Do you have an antora.yml
file with a name
and version
? Do you have a valid Antora structure?
I'm using version 3.2.0 of the extension:
Version : 1.86.0 (Universal)
Validation : 05047486b6df5eb8d44b2ecd70ea3bdf775fd937
Date : 2024-01-31T10:29:15.765Z
Electron : 27.2.3
ElectronBuildId : 26495564
Chromium : 118.0.5993.159
Node.js : 18.17.1
V8 : 11.8.172.18-electron.0
Système d’exploitation : Darwin arm64 23.2.0
from asciidoctor-vscode.
yes, in my Code/user/settings.json, I do have
"asciidoc.antora.enableAntoraSupport": true,
Did you get a popup asking you to enable Antora support?
I recalled that there was a dialog box showed up before but I did not manage to click yes. afterward, I do not have any opportunity to see the option again. how can I see the popup again?
I do the antora.yml file and I have been using antora site generation successfully for the past few months.
the structure is the standard of antora, such as
antora.yml
title: Main
name: main
version: ~
nav:
- modules/ROOT/nav.adoc
asciidoc:
attributes:
page-pagination: ''
experimental: ''
idprefix: ''
idseparator: '-'
from asciidoctor-vscode.
@man-chi We save this setting in the workspace state but as far as I know there's no easy way to reset this state. You will need to delete files from your disk:
<user-data-dir>\User\globalStorage\state.vscdb
<user-data-dir>\User\workspaceStorage\<workspace.id>\state.vscdb
Depending on how VS Code was launched you could have a Single Folder Workspace or a Multi-Folder Workspace that is global or local. Globally, the data lives here:
Linux: $HOME/.config/Code/
OS X: $HOME/Library/Application Support/Code/
Windows: %APPDATA%\Code\
If you reset the workspace state and open nav.adoc
the popup should show again. I think we need to add an action to activate/deactivate Antora on a workspace.
The setting "asciidoc.antora.enableAntoraSupport": true
is here to enable Antora but then you need to activate Antora per workspace.
from asciidoctor-vscode.
I think I will do the following to make it easier to activate/deactivate Antora.
- Replace the current user/workspace setting by "Show a prompt to enable Antora support when an antora.yml file is detected". yes/no
- Add a command to toggle Antora support on a given workspace (saved in Memento)
That way you can control if you want a prompt when the extension detects an antora.yml
file. And you also have the ability to enable/disable Antora support using a command (in case you clicked "no" on the prompt or in case the extension didn't detect the antora.yml or in case you want to turn it off)
@man-chi What do you think?
from asciidoctor-vscode.
yes, it sounds awesome. thanks for making such improvement. I love antora.
from asciidoctor-vscode.
Related Issues (20)
- Preview stops working if reference to bibliography entry exists in 3.2.1 HOT 5
- `npm install` reports 9 vulnerabilities on `master` HOT 1
- Quotes have a dark overlay in preview but not in .pdf HOT 4
- `package.json` and `package-lock.json` are not in sync after `prepare branch for development [no ci]` HOT 2
- Add test coverage reporting
- Project README / CHANGELOG is Markdown instead of AsciiDoc
- Asciidoc: Export Document as PDF --> prompts user every time HOT 1
- Preview scroll offset wrong when includes are used HOT 1
- Make error more prominent
- Preview scroll offset wrong when working with tables HOT 1
- Disabling SSL verification HOT 2
- Syntax highlighting broken if a variable is used with bash source
- Preview not rendering checkboxes in checklist
- Ctrl + Alt + V break HOT 1
- [Windows Only][Antora Support] `include::example$something` not working on windows
- Cant use asciidoctor in my own extension as soon as i active asciidoctor-vscode extension HOT 5
- Antora preview doesn't work if version is not specified in antora.yml
- Callout and Syntax Highlighting in code blocks
- Right-click causes incorrect multi-select behavior HOT 3
- xrefstyle is not honored when displaying xrefs HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from asciidoctor-vscode.