MArkdown do textu clanku

.isort.cfg

@@ -4,4 +4,4 @@ line_length = 88
 multi_line_output = 3
 default_sectiont = "THIRDPARTY"
 include_trailing_comma = true
-known_third_party = arrow,django,environ,faker,ics,modelcluster,nbconvert,pirates,pytest,pytz,requests,sentry_sdk,snapshottest,taggit,traitlets,wagtail,wagtailmetadata
+known_third_party = arrow,django,environ,faker,ics,markdown,modelcluster,nbconvert,pirates,pytest,pytz,requests,sentry_sdk,snapshottest,taggit,traitlets,wagtail,wagtailmetadata

district/templates/shared/article.html

+{% extends "district/base.html" %}
+{% load wagtailcore_tags wagtailimages_tags shared_filters %}
+
+{% block content %}
+
+<div class="container container--default py-8 lg:py-24">
+
+  <article itemtype="http://schema.org/BlogPosting" itemscope="">
+
+    <header>
+      <link itemprop="mainEntityOfPage" href="{{ page.url }}">
+      <meta itemprop="datePublished" content="{{ page.last_published_at }}">
+      <meta itemprop="dateModified" content="">
+
+      <h1 itemprop="headline" class="head-alt-md md:head-alt-lg max-w-5xl mb-4">{{ page.title }}</h1>
+
+      <div class="flex flex-col md:flex-row md:items-center">
+
+        <div class="inline-flex divide-x flex-grow">
+          <span class="pr-2">{{ page.last_published_at|date:"SHORT_DATE_FORMAT" }}</span>
+          <span class="pl-2" itemprop="author" itemtype="http://schema.org/Person" itemscope="">
+            <span itemprop="name">
+              <a href="#">{{ page.author }}</a>
+            </span>
+          </span>
+        </div>
+
+        <div class="my-4">
+          {% for tag in page.tags.all %}
+              <a href="/tags/#{{ tag}}" class="btn btn--grey-125 btn--condensed" ><div class="btn__body ">{{ tag }}</div></a>
+          {% endfor %}
+        </div>
+
+      </div>
+
+    <figure class="figure">
+      {% image page.image width-2000 as img %}
+      <img src="{{ img.url }}" alt="{{ page.title }}" />
+    </figure>
+
+    </header>
+
+    <div class="lg:flex mt-8 lg:space-x-16">
+
+      <div class="lg:w-2/3">
+        <div itemprop="description" class="w-full content-block">
+          <p><strong>{{ page.perex }}</strong></p>
+          {{ page.text|markdown }}
+        </div>
+      </div>
+
+      <div class="pt-8 lg:w-1/3 md:pt-0">
+        <div class="space-y-8">
+          <div class="sharebox md:card md:elevation-10 ">
+            <div class="md:card__body">
+              <span class="head-alt-base md:head-alt-md">Sdílení je aktem lásky</span>
+              <div class="flex w-full space-x-4 pt-4 md:pt-8 text-center text-white">
+                <a
+                  href="https://www.facebook.com/sharer/sharer.php?u={{ page.url }}"
+                  onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+                  class="bg-brands-facebook px-8 py-3 text-2xl w-full"
+                ><i class="ico--facebook"></i></a>
+                <a
+                  href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ page.url }}"
+                  onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;"
+                  class="bg-brands-twitter px-8 py-3 text-2xl w-full"
+                ><i class="ico--twitter"></i></a>
+              </div>
+          </div>
+          <div class="h-52 overflow-hidden hidden md:block">
+            <img src="https://styleguide.pir-test.eu/latest//images/flag.png" alt="Pirátská strana" class="w-80 object-cover m-auto" />
+          </div>
+        </div>
+
+        </div>
+      </div>
+
+    </div>
+  </article>
+
+</div>
+
+{% endblock %}

requirements/base.in

@@ -14,3 +14,4 @@ arrow
 sentry-sdk
 nbconvert
 traitlets
+Markdown

shared/models.py

@@ -2,7 +2,7 @@ from django.db import models
 from modelcluster.contrib.taggit import ClusterTaggableManager
 from modelcluster.fields import ParentalKey
 from taggit.models import TaggedItemBase
-from wagtail.admin.edit_handlers import FieldPanel
+from wagtail.admin.edit_handlers import FieldPanel, HelpPanel
 from wagtail.core.models import Page
 from wagtail.images.edit_handlers import ImageChooserPanel
 from wagtailmetadata.models import MetadataPageMixin
@@ -34,6 +34,9 @@ class Article(MetadataPageMixin, Page):
     content_panels = Page.content_panels + [
         FieldPanel("perex"),
         FieldPanel("text"),
+        HelpPanel(
+            """Text článku lze formátovat s použitím <a href="https://www.markdownguide.org/basic-syntax/">markdown</a>"""
+        ),
         FieldPanel("author"),
         ImageChooserPanel("image"),
         FieldPanel("tags"),

shared/templatetags/shared_filters.py

+import markdown as md
+from django import template
+from django.utils.safestring import mark_safe
+
+register = template.Library()
+
+
+@register.filter
+def markdown(value):
+    """ Prekonvertuje vstupni text na markdown, necekane """
+    return mark_safe(md.markdown(value))