如何用annotator.js在页面加载中加载一个注释对象

How load an annotation object on page load with annotator.js?

本文关键字：加载 一个 对象 注释 js annotator 何用      更新时间：2023-09-26

我试图加载一个注释对象时，页面加载与annotator.js有人知道如何?

尝试包含

<script src="http://assets.annotateit.org/annotator/v1.2.5/annotator-full.min.js"></script>
<link rel="stylesheet" href="http://assets.annotateit.org/annotator/v1.2.5/annotator.min.css">

之后，你只需要用Javascript在网页所需的部分执行注释器函数。就像这样:

jQuery(function ($) {
    $('#my-div-that-should-be-annotated').annotator();
});

我不确定您是如何存储注释的，但是如果您手边已经有注释，那么就应该这样加载它们。

页面加载完成后，添加:

var ann = $(element).annotator();  
ann.annotator("loadAnnotations", comments);

，其中comments是注释对象数组，定义于:http://docs.annotatorjs.org/en/stable/annotation-format.html

相关文章：