[Item/Text] Note Template Name：一个可以关联注释的模板，但是仍然存在问题，无法获取注释中的图片。

[mulei000]

Description

一个可以关联注释的模板，但是仍然存在问题，无法获取注释中的图片。

Screenshots

Test on Zotero version

7.0.2 (64-bit)

Test on Better Notes version

2.0.3

Template Type

Item

Template Share Code

${await new Promise(async (r) => {
 const getAnnotationsByTag = async (tagName) => {
  const pdfItem = await topItem.getBestAttachment();
  let result = "";
  for (let annoItem of pdfItem.getAnnotations()) {
   if (annoItem.getTags().find(i => i.tag.includes(tagName))) {

    const res = Zotero.EditorInstanceUtilities.serializeAnnotations(
     [
      {
       ...(await Zotero.Annotations.toJSON(annoItem)), ...{ attachmentItemID: annoItem.parentID }
      }
     ]
    );
    result += res.html;
   }
  }
  return result;
 };

 // 提取影响因子并去除中文字段及其后的内容
 let impactFactor = Zotero.ZoteroStyle.api.renderCell(topItem, "publicationTags").textContent.trim();
 let impactFactorValues = impactFactor.match(/\d+(\.\d+)?/g); // 提取数字部分

 // 生成标题，仅显示IF和Q的数值
 let res = `<h1>🔤${topItem.getField("extra").match(/titleTranslation:(.+)/)[1]} (<span style="background-color: #B1A5E1">${topItem.getField("year")}</span>, <span style="background-color: #CBE1A5">${topItem.getCreators().map((v) => v.lastName).slice(0, 1)}</span>) ${topItem.getField("journalAbbreviation")} (${impactFactorValues ? impactFactorValues.join(' / ') : ''})</h1>
<p><strong><span style="color: #283593">原名：</span></strong>${topItem.getField('title')}</p >
<p><strong><span style="color: #283593">译名：</span></strong>${topItem.getField("extra").match(/titleTranslation:(.+)/)[1]} </p >
<p><strong><span style="color: #283593">作者：</span></strong>${topItem.getCreators().map((v) => v.lastName).slice(0, 1)} et al.</p >
<p><strong><span style="color: #283593">期刊：</span></strong>${topItem.getField('publicationTitle')}</p >
<p><strong><span style="color: #283593">IFQ：</span></strong><span style="background-color: #CBE1A5">${impactFactor}</span></p >

${(() => {
  const doi = topItem.getField("DOI");
  if (doi) {
   return `<b><span style="color: #283593">DOI：</span></strong> </b><a href="https://doi.org/${topItem.getField('DOI')}">${topItem.getField('DOI')}</a>`;
  } else {
   return `<b><span style="color: #283593">URL：</span></strong> </b><a href="${topItem.getField('url')}">${topItem.getField('url')}</a>`;
  }
 })()}
<p>
<strong><span style="color: #283593">发表时间：</span></strong>${topItem.getField('date')}</p >

<!-- 本地链接 -->
<tr>
  <td style="color:#193c47; background-color:#dbeedd; padding:8px;">
    ${(() => {
     const attachments = Zotero.Items.get(topItem.getAttachments());
     if (attachments && attachments.length > 0) {
      return `<b><span style="color: #283593">本地链接:</span> </b><a href="zotero://open-pdf/0_${attachments[0].key}">${attachments[0].getFilename()}</a>`;
     } else {
      return `<b><span style="color: #283593">本地链接:</span> </b>`;
     }
    })()}
  </td>
</tr>
<p>
<!-- 摘要 -->
<tr>
  <td style="color:#193c47; background-color:#dbeedd; padding:8px;">
    ${(() => {
     const abstractTranslation = topItem.getField('abstractTranslation');
     if (abstractTranslation) {
      return `<b><span style="color: #283593">摘要翻译：</span> </b><i>${abstractTranslation}</i>`;
     } else {
      return `<b><span style="color: #283593">摘要：</span> </b><i>${topItem.getField('abstractNote')}</i>`;
     }
    })()}
  </td>
</tr>

<h2><span style="color: #000000">💡创新点：</span></h4>
${(await getAnnotationsByTag('创新点')) || '<p></p>'} 

<h3><span style="color: #A61B41">🌏背景：</span></h4>
${(await getAnnotationsByTag('背景')) || '<p></p>'} 

<h3><span style="color: #A61B41">💧材料：</span></h4>
${(await getAnnotationsByTag('材料')) || '<p></p>'}

<h3><span style="color: #A61B41">🔬方法：</span></h4>
${(await getAnnotationsByTag('方法')) || '<p></p>'}

<h3><span style="color: #A61B41">📜结论：</span></h4>
${(await getAnnotationsByTag('结论')) || '<p></p>'}

<h3><span style="color: #A61B41">♥️重点：</span></h4>
${(await getAnnotationsByTag('重点')) || '<p></p>'}

<h3><span style="color: #A61B41">♥️摘录：</span></h4>
${(await getAnnotationsByTag('摘录')) || '<p></p>'}

<h3><span style="color: #A61B41">♥️Figure：</span></h4>
${(await getAnnotationsByTag('figure')) || '<p></p>'}


`;

 r(res);
})}

Anything else

No response

[thebetter2]

我对上述代码进行修改，可以根据注释的标签自动收集文本注释和图片注释。并且当同一个注释下有多个标签，该注释会被同时收集到对应标签下。将“Figure”改为了“figure”，这样给注释做标签时不容易输错。

使用方法是：给每个文本或者图片注释手动输入标签 “背景” “材料” “方法” “结论” “重点” “摘录” “figure” ，这6个词，即可使用本笔记模板将根据标签自动收集注释内容。如果注释没有标签，则该注释不会被收集到笔记中。

如果想每次打开文献更新该自动收集的笔记，请转到action插件windingwind/zotero-actions-tags#108 (comment)

关于图片注释的使用要注意，使用“选择区域”这一项。#668 (comment)

# This template is specifically for importing/sharing, using better 
# notes 'import from clipboard': copy the content and
# goto Zotero menu bar, click Edit->New Template from Clipboard.  
# Do not copy-paste this to better notes template editor directly.
name: "[Item] clollect_annotations_by_tags"
content: |-
  
  ${await new Promise(async (r) => {
    const getAnnotationsByTag = async (tagName) => {
      const pdfItem = await topItem.getBestAttachment();
      let result = "";
  
      // 获取所有注释
      let annots = pdfItem.getAnnotations();
  
      // 过滤出包含指定标签的注释
      const filteredAnnots = annots.filter((annoItem) => 
        annoItem.getTags().some(tagObj => tagObj.tag.includes(tagName))
      );
  
      // 将过滤后的注释转换为HTML
      result = await Zotero.BetterNotes.api.convert.annotations2html(filteredAnnots, { noteItem: targetNoteItem });
  
      return result;
    };
  
    // 提取影响因子并去除中文字段及其后的内容
    let impactFactor = Zotero.ZoteroStyle.api.renderCell(topItem, "publicationTags").textContent.trim();
    let impactFactorValues = impactFactor.match(/\d+(\.\d+)?/g); // 提取数字部分
  
    // 生成标题，仅显示IF和Q的数值
    let res = `<h1>🔤${topItem.getField("extra").match(/titleTranslation:(.+)/)[1]} (<span style="background-color: #B1A5E1">${topItem.getField("year")}</span>, <span style="background-color: #CBE1A5">${topItem.getCreators().map((v) => v.lastName).slice(0, 1)}</span>) ${topItem.getField("journalAbbreviation")} (${impactFactorValues ? impactFactorValues.join(' / ') : ''})</h1>
    <p><strong><span style="color: #283593">原名：</span></strong>${topItem.getField('title')}</p >
    <p><strong><span style="color: #283593">译名：</span></strong>${topItem.getField("extra").match(/titleTranslation:(.+)/)[1]} </p >
    <p><strong><span style="color: #283593">作者：</span></strong>${topItem.getCreators().map((v) => v.lastName).slice(0, 1)} et al.</p >
    <p><strong><span style="color: #283593">期刊：</span></strong>${topItem.getField('publicationTitle')}</p >
    <p><strong><span style="color: #283593">IFQ：</span></strong><span style="background-color: #CBE1A5">${impactFactor}</span></p >
  
    ${(() => {
      const doi = topItem.getField("DOI");
      if (doi) {
        return `<b><span style="color: #283593">DOI：</span></strong> </b><a href="https://doi.org/${topItem.getField('DOI')}">${topItem.getField('DOI')}</a>`;
      } else {
        return `<b><span style="color: #283593">URL：</span></strong> </b><a href="${topItem.getField('url')}">${topItem.getField('url')}</a>`;
      }
    })()}
    <p>
    <strong><span style="color: #283593">发表时间：</span></strong>${topItem.getField('date')}</p >
  
    <!-- 本地链接 -->
    <tr>
      <td style="color:#193c47; background-color:#dbeedd; padding:8px;">
        ${(() => {
          const attachments = Zotero.Items.get(topItem.getAttachments());
          if (attachments && attachments.length > 0) {
            return `<b><span style="color: #283593">本地链接:</span> </b><a href="zotero://open-pdf/0_${attachments[0].key}">${attachments[0].getFilename()}</a>`;
          } else {
            return `<b><span style="color: #283593">本地链接:</span> </b>`;
          }
        })()}
      </td>
    </tr>
    <p>
    <!-- 摘要 -->
    <tr>
      <td style="color:#193c47; background-color:#dbeedd; padding:8px;">
        ${(() => {
          const abstractTranslation = topItem.getField('abstractTranslation');
          if (abstractTranslation) {
            return `<b><span style="color: #283593">摘要翻译：</span> </b><i>${abstractTranslation}</i>`;
          } else {
            return `<b><span style="color: #283593">摘要：</span> </b><i>${topItem.getField('abstractNote')}</i>`;
          }
        })()}
      </td>
    </tr>
  
    <h2><span style="color: #000000">💡创新点：</span></h4>
    ${(await getAnnotationsByTag('创新点')) || '<p></p>'} 
  
    <h3><span style="color: #A61B41">🌏背景：</span></h4>
    ${(await getAnnotationsByTag('背景')) || '<p></p>'} 
  
    <h3><span style="color: #A61B41">💧材料：</span></h4>
    ${(await getAnnotationsByTag('材料')) || '<p></p>'}
  
    <h3><span style="color: #A61B41">🔬方法：</span></h4>
    ${(await getAnnotationsByTag('方法')) || '<p></p>'}
  
    <h3><span style="color: #A61B41">📜结论：</span></h4>
    ${(await getAnnotationsByTag('结论')) || '<p></p>'}
  
    <h3><span style="color: #A61B41">♥️重点：</span></h4>
    ${(await getAnnotationsByTag('重点')) || '<p></p>'}
  
    <h3><span style="color: #A61B41">♥️摘录：</span></h4>
    ${(await getAnnotationsByTag('摘录')) || '<p></p>'}
  
    <h3><span style="color: #A61B41">♥️figure：</span></h4>
    ${(await getAnnotationsByTag('figure')) || '<p></p>'}
  
    `;
  
    r(res);
  })}