File size: 4,448 Bytes
d1ceb73 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 |
import re
from ._base import DirectivePlugin
from ..util import escape as escape_text, escape_url
__all__ = ['Image', 'Figure']
_num_re = re.compile(r'^\d+(?:\.\d*)?')
_allowed_aligns = ["top", "middle", "bottom", "left", "center", "right"]
def _parse_attrs(options):
attrs = {}
if 'alt' in options:
attrs['alt'] = options['alt']
# validate align
align = options.get('align')
if align and align in _allowed_aligns:
attrs['align'] = align
height = options.get('height')
width = options.get('width')
if height and _num_re.match(height):
attrs['height'] = height
if width and _num_re.match(width):
attrs['width'] = width
if 'target' in options:
attrs['target'] = escape_url(options['target'])
return attrs
class Image(DirectivePlugin):
NAME = 'image'
def parse(self, block, m, state):
options = dict(self.parse_options(m))
attrs = _parse_attrs(options)
attrs['src'] = self.parse_title(m)
return {'type': 'block_image', 'attrs': attrs}
def __call__(self, directive, md):
directive.register(self.NAME, self.parse)
if md.renderer.NAME == 'html':
md.renderer.register('block_image', render_block_image)
def render_block_image(self, src: str, alt=None, width=None, height=None, **attrs):
img = '<img src="' + src + '"'
style = ''
if alt:
img += ' alt="' + escape_text(alt) + '"'
if width:
if width.isdigit():
img += ' width="' + width + '"'
else:
style += 'width:' + width + ';'
if height:
if height.isdigit():
img += ' height="' + height + '"'
else:
style += 'height:' + height + ';'
if style:
img += ' style="' + escape_text(style) + '"'
img += ' />'
_cls = 'block-image'
align = attrs.get('align')
if align:
_cls += ' align-' + align
target = attrs.get('target')
if target:
href = escape_text(self.safe_url(target))
outer = '<a class="' + _cls + '" href="' + href + '">'
return outer + img + '</a>\n'
else:
return '<div class="' + _cls + '">' + img + '</div>\n'
class Figure(DirectivePlugin):
NAME = 'figure'
def parse_directive_content(self, block, m, state):
content = self.parse_content(m)
if not content:
return
tokens = self.parse_tokens(block, content, state)
caption = tokens[0]
if caption['type'] == 'paragraph':
caption['type'] = 'figcaption'
children = [caption]
if len(tokens) > 1:
children.append({
'type': 'legend',
'children': tokens[1:]
})
return children
def parse(self, block, m, state):
options = dict(self.parse_options(m))
image_attrs = _parse_attrs(options)
image_attrs['src'] = self.parse_title(m)
align = image_attrs.pop('align', None)
fig_attrs = {}
if align:
fig_attrs['align'] = align
for k in ['figwidth', 'figclass']:
if k in options:
fig_attrs[k] = options[k]
children = [{'type': 'block_image', 'attrs': image_attrs}]
content = self.parse_directive_content(block, m, state)
if content:
children.extend(content)
return {
'type': 'figure',
'attrs': fig_attrs,
'children': children,
}
def __call__(self, directive, md):
directive.register(self.NAME, self.parse)
if md.renderer.NAME == 'html':
md.renderer.register('figure', render_figure)
md.renderer.register('block_image', render_block_image)
md.renderer.register('figcaption', render_figcaption)
md.renderer.register('legend', render_legend)
def render_figure(self, text, align=None, figwidth=None, figclass=None):
_cls = 'figure'
if align:
_cls += ' align-' + align
if figclass:
_cls += ' ' + figclass
html = '<figure class="' + _cls + '"'
if figwidth:
html += ' style="width:' + figwidth + '"'
return html + '>\n' + text + '</figure>\n'
def render_figcaption(self, text):
return '<figcaption>' + text + '</figcaption>\n'
def render_legend(self, text):
return '<div class="legend">\n' + text + '</div>\n'
|