javascript - Annotator.js 从 json 加载注释

Question

我正在尝试开发一个需要一些注释的网站。我找到了一个很棒的 js 库 annotator.js，但我似乎无法启动它。

我试图在页面加载时突出显示一些注释，但我似乎无法正确处理。我确实收到一个 JS 错误，说 .slice 不是函数，但无论我如何更改 json 对象，我都无法让它工作。

谁能帮我理解它是如何工作的？我已经阅读了他们的文档，但我似乎无法加载任何内容。

这是我到目前为止所拥有的:

<div id="annon">
    Lorem ipsum
</div>

<script>
var annotator = $('#annon').annotator();
annotator.annotator('loadAnnotations', 
{"rows": 
[{
  "quote": "Lorem",
  "ranges":
      [{
          "endOffset": 5,
          "startOffset": 0,
          "end": "/",
          "start": "/"
      }],
  "text": "Lorem", "id": 1
 }],
,"total": 1}
</script>

Answer 1

据我所知，您传递给注释器的对象是不正确的。您想要传入注释对象数组(此处的格式: http://docs.annotatorjs.org/en/stable/annotation-format.html )示例:

    var annotator = $('#annon').annotator();
    annotator.annotator('loadAnnotations', [{
        "quote": "Lorem",
        "ranges": [{
            "endOffset": 5,
            "startOffset": 0,
            "end": "/",
            "start": "/"
        }],
        "text": "A comment.",
        "id": 1
    }]);

但是，当我运行此命令时，注释器会提示您在开始/结束范围中设置的 XPath。您必须弄清楚如何正确设置范围以使文本正确突出显示。