crowd-entity-annotation
用于标记较长文本中的单词、短语或字符串的小部件。工作人员选择一个标签,然后突出显示该标签适用的文本。
重要提示:这是自包含小部件
请勿将 <crowd-entity-annotation>
元素和 <crowd-form>
元素一起使用。它包含自己的表单提交逻辑和 Submit (提交) 按钮。
请参阅在 CodePen
以下是使用 <crowd-entity-annotation>
元素的模板的示例。复制以下代码,并保存到具有 .html
扩展名的文件中。在任何浏览器中打开该文件,进行预览并与该模板进行交互。
属性
此元素支持以下属性。
header
要在图像上方显示的文本。通常是一个针对工作人员的问题或简单说明。
initial-value
一个 JSON 格式的对象数组,每个对象定义一个在初始化时应用到文本的注释。对象包含一个 label
值(与 labels
属性中的值匹配)、一个整数 startOffset
值(用于所标记范围的起始 unicode 偏移)以及一个整数 endOffset
值(用于结束 unicode 偏移)。
[ { label: 'person', startOffset: 0, endOffset: 16 }, ... ]
labels
JSON 格式的对象数组,每个对象包含下列内容:
label
(必需):用于标识实体的名称。fullDisplayName
(可选):用于任务小部件中的标签列表。如果未指定,则默认为标签值。shortDisplayName
(可选):3 到 4 个字母的缩写,用于显示上述选定实体。如果未指定,则默认为标签值。强烈建议使用 shortDisplayName。
根据选择所显示的值可能会重叠,在工作区中管理标记的实体时会造成困难。强烈建议为每个标签提供 3 到 4 个字符的
shortDisplayName
,以防止重叠并确保工作区对于您的工作人员易于管理。
[ { label: 'person', shortDisplayName: 'per', fullDisplayName: 'person' } ]
name
在 DOM 中用作小部件的名称。它还用作标签属性名称,采用输入和输出清单的形式。
text
要标注的文本。默认情况下,模板化系统转义引号和 HTML 字符串。如果您的代码已转义或者部分转义,请参阅变量筛选条件以了解控制转义的更多方法。
元素层次结构
此元素具有以下父元素和子元素。
区域
此元素支持以下区域。
full-instructions
有关如何使用小部件的一般说明。
short-instructions
在醒目位置显示的重要的任务特定说明。
输出
此元素支持以下输出。
实体
指定注释的开始、结束和标签的 JSON 对象。此对象包含以下属性。
-
label – 分配的标签。
-
startOffset – 所选文本的开始的 Unicode 偏移。
-
endOffset – 在选择之后第一个字符的 Unicode 偏移。
例 :示例元素输出
下面是此元素中的输出示例。
{ "myAnnotatedResult": { "entities": [ { "endOffset": 54, "label": "person", "startOffset": 47 }, { "endOffset": 97, "label": "event", "startOffset": 93 }, { "endOffset": 219, "label": "date", "startOffset": 212 }, { "endOffset": 271, "label": "location", "startOffset": 260 } ] } }
另请参阅
有关更多信息,请参阅下列内容。