Is is possible to embed the files in the list view ?

[beaussan]

In the List view, I would love to be able to embed the file directly, could this be done ?

I tried with the list view, with concatenation, but it didn't work.

[blacksmithgu]

Added to my backlog of things to do - embed support is almost in, it just looks ugly right now.

[nickynicolson]

I have a similar request regarding building an embed link for blocks: I have a vault with named blocks (eg for project status) and currently build an overview table which transcludes content using embed link syntax (the ! prefix - as described here https://help.obsidian.md/How+to/Link+to+blocks) Dataview would make this much simpler if I could generate an embed link - currently I can build a block link but the content is only shown on hover. As per @beaussan - I have tried building the embed syntax link using concatenation but it isn't recognised

[davidlee321]

+1 for embed support. I'm currently trying to do something like:

var pages = dv.pages().filter(page => page.file.name.includes('eg '))
var pages = pages.sort(page => page.file.mtime, 'desc')
let embeds = pages.file.name.map( name => '![[' + name + ']]')
dv.list(embeds)

[blacksmithgu]

I'm limited by the Obsidian API in this case - Obsidian has no API for actually rendering embeds. I can circumvent it with a hack where I manually load the raw Markdown in some cases, though the output is a little wierd and doesn't look like a proper embed.

[davidlee321]

Noticed that Obsidian renders embeds in a list that the user manually types up.

<!--- These embeds render OK --->
- ![[page_a]]
- ![[page_b]]
- ![[page_c]]

Could a possible workaround in dataview be to let users print to the page? Dataview provides dv.list(), dv.table(). Is there like a dv.print()? If so, users can use the printing function to write stuff that would render like how Obsidian intended.

<!--- Personally I would print this: --->
![[page_a]]
![[page_b]]
![[page_c]]

Forgive me if I don't understand "Obsidian has no API for actually rendering embeds". I haven't delved into Obsidian's provisions for plugin developers.

[blacksmithgu]

The gist of the issue is that the Obsidian plugin API provides a direct way to render markdown anywhere you want - it's called MarkdownRenderer.renderMarkdown(source, ...), and it's what Dataview uses (after some pre-processing) to render all values. This API unfortunately doesn't work for link embeds, which is why Dataview historically hasn't supported it.

As for your suggested solution, there isn't a dv.print() because Dataview does rendering via post-processing: Obsidian renders the page, and then Dataview replaces dataview code blocks with their results. Since this happens after Obsidian renders, I can't replace the Markdown with something else to render.

[davidleejy]

I can circumvent it with a hack where I manually load the raw Markdown in some cases, though the output is a little wierd and doesn't look like a proper embed.

This is something I think I could try. Would anyone be familiar with some way of doing this?

Also, I was just mulling about this the other day (again forgive me if this idea is crap): since what users see in each page (Preview mode) is javascript, is there some way to copy the javascript from other pages (preview mode) and plonk them into where embeds are to be rendered?

[charleshan]

I was able to get the embeds to work. I manually parsed the links as a string with line breaks instead of using dv.list

let text = '';
for(let i = 0; i < dvLinks.length; i++) {
	text = text + '!' + dvLinks[i] + '\n\n';
}
dv.paragraph(text)

[blacksmithgu]

That's... interesting. I need to experiment with this more...

[miguelsm]

I'm using fileLink's second parameter to embed the file contents:

dv.pages("#some-tag").forEach(p => dv.paragraph(dv.fileLink(p.file.name, true)))

Update: This is tested to be working as of Obsidian v0.13.19

[dcalacci]

This sort of works—I see it in a brief preview, but then it quickly reverts back to a simple list view, not sure why.

[chishaku]

@miguelsm @dcalacci I'm also just seeing a list of the filenames.

[chishaku]

@blacksmithgu is there any way to access your workaround for rendering the full markdown? on a branch or otherwise?

any help here would be appreciated!

[charleshan]

It looks like someone made a thread on the Obsidian forum. Our best bet is probably to raise some awareness over there.

https://forum.obsidian.md/t/obsidian-plugin-api-does-not-support-rendering-of-embeds/24617/2

[charleshan]

It looks like Obsidian made changes so that plugins can add embeds.

Support embeds in plugin blocks like Admonition and Dataview

https://twitter.com/obsdmd/status/1479155487111319558

[blacksmithgu]

Indeed, the Obsidian API finally supports embeds. I haven't checked it if "just works" with dataview or if I need to make changes.

[OliverFarren]

So i've been trying this today with an image and it seems to render the image embedding for a few seconds and then just shows the filename...

Admittedly new to this plugin (which is great btw), I tried with the following for my image file with the name IMG_20220107_230609.jpg

dv.el("div", "![[IMG_20220107_230609.jpg]]")
dv.el("div", "![[IMG_20220107_230609.jpg|200]]")
dv.el("div", dv.fileLink("IMG_20220107_230609.jpg", true))
dv.el("div", dv.fileLink("IMG_20220107_230609.jpg", true, "200"))
dv.paragraph("![[IMG_20220107_230609.jpg]]")
dv.paragraph("![[IMG_20220107_230609.jpg|200]]")
dv.paragraph(dv.fileLink("IMG_20220107_230609.jpg", true))
dv.paragraph(dv.fileLink("IMG_20220107_230609.jpg", true, "200"))

None of which worked. I thought maybe the image size could be an issue so tried the 200, didn't work.

[kenfinnigan]

I've used dv.el and dv.paragraph to embed with the latest Obsidian and it works for me, but only on second opening of a note.

I use the Homepage plugin to open a specific note on Obsidian start, but on load the Dataview js component shows the filename to be embedded only. Going to another note and then back again will correctly load the embedded content.

Not sure if that's an Obsidian or Dataview problem

[blacksmithgu]

It looks like it works properly in Live Preview, but embed rendering in the traditional edit/read mode still does not work (i.e., it was never implemented in Obsidian).

[blacksmithgu]

Hmm, the support seems a little convoluted - it works via DataviewJS live preview, though not through Dataview queries; I'm guessing you can only create embeds at the top level of the document (i.e., you cannot embed into tables or lists).

[autolyticus]

Hi, forgive me for necrobumping this old thread, but has anything changed regarding this feature request?

I'm trying to create weekly and monthly roll-ups using embeds for quickly going through the stuff I've done from my daily notes, and I think this would be a very useful meta-feature that could facilitate building of dashboards and stuff from dataview

[AB1908]

Don't think it works very well in DQL or DVJS at the moment. I'll let blacksmithgu comment on the specifics. One hack around this would be to use a bit of DVJS to generate query results and then use the Obs API to write the list of files you want embedded. It seems it should work in theory.

[TrustTepee]

Hi there, just wondering if there has been any resolution on being able to display results of a query in LIST mode as embeds rather than links? Daily Notes Viewer does something similar.

[Ligerx]

Linking the Daily Notes Viewer plugin repo https://github.com/Johnson0907/obsidian-daily-notes-viewer

[TrustTepee]

After some digging, I found out that the plug in "Text Expand" does this. It looks like it's doing something similar to Dataview using Obsidian's built in search function. You can either specify a search (like in Dataview) or leave it blank if you want the plugin to use whatever search is already activated in the search pane as input. It then generates a list of the results in the note.

By typing ![[$filename]] in the default template in the plugin's settings, it will embed the results rather than present them as links. So basically what Daily Note Viewer does but for whatever search is active.

clicking any tag, either in the note, in another note, or in the tag pane and then clicking the "Run Expand Query" button will repopulate the note with embedded results. I added a #clear tag that's not use anywhere to clear the results if need be.

Not sure why Dataview can't do this.

[AB1908]

Not sure why Dataview can't do this.

It's quite simple really, DV wasn't quite built to do this in the first place. No one has had the time to implement it either, sadly.

[d0020002]

Bump

[JoshuaLelon]

would also absolutely loooove this

[wredmatic]

Just in case anyone's interested in embedding the results of a dataviewjs query as a list of blocks, here is the code I'm using below. It is specifically designed to work with blocks that already have block IDs. If there is no block ID in place, the link at the end of each block won't work. You can read more about the topic here: https://www.reddit.com/r/ObsidianMD/comments/10oyj3i/generating_header_and_block_links_with_dataviewjs/

const pagesWithQuotes = await Promise.all(
    dv
    .pages("[[note1]] and [[note2]]")
    .map(pageWithQuote => new Promise(async (resolve, reject) => {
        const content = await dv.io.load(pageWithQuote.file.path);
        resolve({
            name: pageWithQuote.file.name,
            content
        });
    }))
);

const quotesByPage = pagesWithQuotes.map(({
    name,
    content
}) => ({
    name,
    quotes: content
        .split('\n')
        .filter(content => content.match(/.*note1]].*note2]](\s|$)/))
        .map(content =>
          /\s*(\s|\*|\-)*\s*(?<quote>.*)$/gm.exec(content)?.groups?.quote
        )
		.map(content => content.replace(' ^', ' [[placeh0lder#^'))  
		.map(content => content.replace('placeh0lder', name))
}));

quotesByPage.forEach(
    page =>
    page.quotes.forEach(
        quote => dv.paragraph(`>>>- ${quote}]]`)
    )
);

[charleshan]

Embedding files in to a list view works fine when Automatic View Refreshing is turned off. When it's turned on and when I make a change to a file, the content from the files disappears in the list view and only the file names are left.