mirror of
https://github.com/explosion/spaCy.git
synced 2024-09-21 11:29:13 +03:00
4bd2688eac
Closes #2091. ## Description With the new `vocab.writing_system` property introduced in #3390 (exposed via the language defaults), I was able to finally fix this (I think!). Based on the `Doc`, dispaCy now detects whether it's a RTL or LTR language and adjusts the visualization accordingly. Wherever possible, I've also added `direction` and `lang` attributes. Entity visualization now looks like this: <img width="318" alt="Screenshot 2019-03-11 at 16 06 51" src="https://user-images.githubusercontent.com/13643239/54136866-d97afd80-441c-11e9-8c27-3d46994cc833.png"> And dependencies like this (ignore the most likely incorrect tags and dependencies): <img width="621" alt="Screenshot 2019-03-11 at 16 51 59" src="https://user-images.githubusercontent.com/13643239/54137771-8b66f980-441e-11e9-8460-0682b95eef2a.png"> ### Types of change enhancement, bug fix ## Checklist <!--- Before you submit the PR, go over this checklist and make sure you can tick off all the boxes. [] -> [x] --> - [x] I have submitted the spaCy Contributor Agreement. - [x] I ran the tests, and all new and existing tests passed. - [x] My changes don't require a change to the documentation, or if they do, I've added all required information.
71 lines
2.6 KiB
Python
71 lines
2.6 KiB
Python
# coding: utf8
|
|
from __future__ import unicode_literals
|
|
|
|
|
|
# Setting explicit height and max-width: none on the SVG is required for
|
|
# Jupyter to render it properly in a cell
|
|
|
|
TPL_DEP_SVG = """
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:lang="{lang}" id="{id}" class="displacy" width="{width}" height="{height}" direction="{dir}" style="max-width: none; height: {height}px; color: {color}; background: {bg}; font-family: {font}; direction: {dir}">{content}</svg>
|
|
"""
|
|
|
|
|
|
TPL_DEP_WORDS = """
|
|
<text class="displacy-token" fill="currentColor" text-anchor="middle" y="{y}">
|
|
<tspan class="displacy-word" fill="currentColor" x="{x}">{text}</tspan>
|
|
<tspan class="displacy-tag" dy="2em" fill="currentColor" x="{x}">{tag}</tspan>
|
|
</text>
|
|
"""
|
|
|
|
|
|
TPL_DEP_ARCS = """
|
|
<g class="displacy-arrow">
|
|
<path class="displacy-arc" id="arrow-{id}-{i}" stroke-width="{stroke}px" d="{arc}" fill="none" stroke="currentColor"/>
|
|
<text dy="1.25em" style="font-size: 0.8em; letter-spacing: 1px">
|
|
<textPath xlink:href="#arrow-{id}-{i}" class="displacy-label" startOffset="50%" side="{label_side}" fill="currentColor" text-anchor="middle">{label}</textPath>
|
|
</text>
|
|
<path class="displacy-arrowhead" d="{head}" fill="currentColor"/>
|
|
</g>
|
|
"""
|
|
|
|
|
|
TPL_FIGURE = """
|
|
<figure style="margin-bottom: 6rem">{content}</figure>
|
|
"""
|
|
|
|
TPL_TITLE = """
|
|
<h2 style="margin: 0">{title}</h2>
|
|
"""
|
|
|
|
|
|
TPL_ENTS = """
|
|
<div class="entities" style="line-height: 2.5; direction: {dir}">{content}</div>
|
|
"""
|
|
|
|
|
|
TPL_ENT = """
|
|
<mark class="entity" style="background: {bg}; padding: 0.45em 0.6em; margin: 0 0.25em; line-height: 1; border-radius: 0.35em; box-decoration-break: clone; -webkit-box-decoration-break: clone">
|
|
{text}
|
|
<span style="font-size: 0.8em; font-weight: bold; line-height: 1; border-radius: 0.35em; text-transform: uppercase; vertical-align: middle; margin-left: 0.5rem">{label}</span>
|
|
</mark>
|
|
"""
|
|
|
|
TPL_ENT_RTL = """
|
|
<mark class="entity" style="background: {bg}; padding: 0.45em 0.6em; margin: 0 0.25em; line-height: 1; border-radius: 0.35em;">
|
|
{text}
|
|
<span style="font-size: 0.8em; font-weight: bold; line-height: 1; border-radius: 0.35em; text-transform: uppercase; vertical-align: middle; margin-right: 0.5rem">{label}</span>
|
|
</mark>
|
|
"""
|
|
|
|
|
|
TPL_PAGE = """
|
|
<!DOCTYPE html>
|
|
<html lang="{lang}">
|
|
<head>
|
|
<title>displaCy</title>
|
|
</head>
|
|
|
|
<body style="font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; padding: 4rem 2rem; direction: {dir}">{content}</body>
|
|
</html>
|
|
"""
|