Obs130｜用Dataviewjs將Dataview表格產生成Markdown格式，並複製到剪貼簿的技巧

Dataview讓我們將筆記當成資料來查詢，但查詢出來的表格卻無法搜尋、無法複製再利用。今天分享一個使用Dataviewjs來產生表格與Copy按鈕的作法：

1. 以Dataviewjs查詢出表格
2. 在表格下方產生一個【Copy】按鈕
3. 點擊【Copy】按鈕後，將Dataview表格轉換成Markdown表格，並複製到系統剪貼簿
4. 到需要插入Markdown表格的位置按Ctrl+V

1. Dataviewjs

```dataviewjs
let dataArray = dv.pages("")
  .where(page => (dv.date("today") - page.file.mday <= dv.duration("1days")))
  .sort(page =&gt page.file.mday, "desc")
  .map(page => [page.file.link, page.type, page.tags, 
    page.file.cday, page.file.mday]);
dv.table(["File", "Type", "Tags", "Created", "Modified"], dataArray);

const button = dv.el("button", "Copy");
button.onclick = function() {
  new Notice("Dataview content copy to clipboard!");
  let md_text = dv.markdownTable(["File("+dataArray.length+")", "Type", "tags", 
    "Created", "Modified"], dataArray);
  navigator.clipboard.writeText(md_text);
}
```

1.1. 本日建立或修改的筆記

```dataviewjs
let dataArray = dv.pages('')
  .where(page => (dv.date("today") - page.file.mday <= dv.duration("12hours")))
  .sort(page => page.file.mday, "desc")
  .map(page => [page.file.link, page.type, page.file.cday, page.file.mday]);
dv.table(["File", "Type", "Created", "Modified"], dataArray);

const button = dv.el("button", "Copy");
button.onclick = function() {
  new Notice("Dataview content copy to clipboard!");
  let md_text = dv.markdownTable(["File("+dataArray.length+")", "Type", 
    "Created", "Modified"], dataArray);
  navigator.clipboard.writeText(md_text);
}
```

2. 簡單點的範例

```dataview
table type, created
from #test
```

• dv.pages(來源)：傳回符合條件的筆記物件陣列
• page是傳入的一個筆記物件
• page.type 是取出YAML區的type欄位
• page.file.link 是筆記物件的file屬性，file代表作業系統的檔案物件
• dv.table([標題陣列], 資料陣列) 生成Dataview表格
• dv.el 建立HTML標籤
• dv.markdownTable([標題陣列], 資料陣列) 生成Markdown格式的Dataview表格

```dataviewjs
let data = dv.pages("#test").map(page => [page.file.link, page.type, page.created]);
dv.table(["Link", "Type", "Created"], data);
let btn = dv.el("button", "Copy table");

btn.onclick = function() {
  new Notice("COPY!")
  let md_text = dv.markdownTable(["File("+data.length+")", "Type", "Created"], data);
  navigator.clipboard.writeText(md_text);
}
```

| File(7)                                               | Type | Created             |
| ----------------------------------------------------- | ---- | ------------------- |
| [[test.md\|test]]                                     | 測試筆記 | 2023-05-03 08:51:26 |
| [[test-columns.md\|test-columns]]                     | 專案筆記 | 2022-05-03 20:57:16 |
| [[test-Admonitions.md\|test-Admonitions]]             | 專案筆記 | 2022-03-31 20:15:33 |
| [[300-R興趣/300-01-筆記方法/康乃爾筆記法 Notes.md\|康乃爾筆記法 Notes]] | 彙總筆記 | 2022-03-26 16:15:11 |
| [[300-R興趣/300-01-筆記方法/PARA 說文解字.md\|PARA 說文解字]]       | 原子筆記 | 2022-03-26 16:18:50 |
| [[042-Chat/Chats/test-chat.md\|test-chat]]            | 專案筆記 | 2023-03-07 10:48:33 |
| [[000-Index/!!! StartHere !!!.md\|!!! StartHere !!!]] | 專案筆記 | 2022-03-26 16:21:32 |

3. 相關鏈接

• Obsidian カテゴリーの記事一覧 - Jazzと読書の日々

4. 教學影片

＃＃

您可能也會有興趣的類似文章

• Obs131｜Obsidian使用Dataviewjs動態查詢的嘗試 (0則留言, 2023/05/27)
• Obs138｜以標籤為基底，用Dataview形成索引筆記的嘗試 (0則留言, 2023/09/03)
• Obs137｜用Dataviewjs讀取CSV資料以繪製統計圖表 (0則留言, 2023/09/03)
• Obs134｜用Dataviewjs製作簡單的建檔統計圖－使用Charts外掛 (0則留言, 2023/08/13)
• Obs135｜解鎖簡易Dataview查詢：驚人的SQL技巧，使用Query All The Things(QATT)外掛 (0則留言, 2023/08/19)
• Obs139｜5個方便維護Properties的外掛：Linter、TagMany、File Cooker、Tag Wrangler、Templater Hotkeys (0則留言, 2023/09/10)
• Obsidian裡產生YouTube影片iframe的作法：使用Dataviewjs (0則留言, 2024/03/28)
• Obs128｜Obsidian Dataview進度條與YAML欄位快速輸入的方法 (0則留言, 2023/05/11)
• Obs129｜Obsidian除了CSS片段以外的CSS進階用法與兩個CSS外掛 (0則留言, 2023/05/14)
• Obs140｜Obsidian進階全文檢索與複製結果的外掛－Query Control、Better Search View、Float Search、Text Expand、File Cooker (0則留言, 2023/09/15)
• Obs126｜Obsidian 2023/04 7個新外掛介紹與評析 (0則留言, 2023/04/29)
• Obs154｜Obsidian交互式表格！超強表格控制：視覺美化、分頁、排序、過濾、搜尋 (0則留言, 2024/03/02)
• Obs150｜多重筆記標籤操作－新增與移除：Multi Tag、TagMany、Notepad++、EmEditor、VS Code (0則留言, 2024/02/04)
• [Obs＃88] 綜合練習：快速設定的6種方法─使用8個Obsidian外掛 (0則留言, 2022/05/21)
• Obs127｜用Templater Hotkeys簡化Obsidian自動化腳本，詳解4個腳本範例 (0則留言, 2023/05/05)