添加注释时，PDFTron 触发编辑注释

Question

我添加了一个自定义注释并监听了 annotationAdded 事件和 select 使用下面代码的注释。

instance.docViewer
.getTool("AnnotationCreateCustomStamp")
.on('annotationAdded', 
    function (a) {
        instance.annotManager.selectAnnotation(a);
    });

如何触发注释的编辑模式？

Answer 1

您的 'AnnotationCreateCustomStamp' 工具是什么样的？它会触发 'annotationAdded' 操作并到达您的回调函数吗？

您可以打开笔记面板并使用 'focusNote' API

开始编辑

instance.docViewer.getTool("AnnotationCreateCustomStamp").on('annotationAdded', 
  function (a) {
    // assuming the code get here
    instance.focusNote(a.Id);
  })
);

更新： 要关注所选注释的回复，您可以使用 getSelectedAnnotations 方法并执行类似

的操作

instance.focusNote(docViewer.annotationManager.getSelectedAnnotations()[0].Id)

或者您可以使用 annotationSelected 事件并执行类似

的操作

WebViewer(
{
  // your configuration
}, document.getElementById('viewer'))
.then(function(instance) {
  const { annotManager } = instance;
  annotManager.on('annotationSelected', (annots) => {
    if(annots && annots[0]) {
      instance.focusNote(annots[0].Id);
    }
  });
})

添加注释时，PDFTron 触发编辑注释

PDFTron Trigger Editing of Annotation for annotations when added

pdftron