I am having trouble with markdown on my Django application. I am writing a blog from a tutorial, and want markdown in my posts. I installed Markdownx for Django, and it almost works.
I have issues when it comes to code blocks. The markdown looks different in the admin page than it does in the rendering of the html page. I would like my code blocks to appear as they do on stackoverflow and github. Instead, when I do the code block formatting with the three ```, I get red text.
Below are my files for the application I am asking about:
project/urls.py
from django.contrib import admin
from django.urls import path, include
from django.conf.urls.static import static
from django.conf import settings
urlpatterns = [
path('admin/', admin.site.urls),
path('projects/', include('projects.urls')),
path('blog/', include('blog.urls')),
path('markdownx/', include('markdownx.urls')),
]
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
project/settings.py
...
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'projects',
'blog',
'markdownx',
]
...
app/models.py
from django.db import models
from markdownx.models import MarkdownxField
from markdownx.utils import markdownify
class Projects(models.Model):
title = models.CharField(max_length=100)
short_description = models.TextField()
long_description = MarkdownxField()
project_link = models.URLField(max_length=250)
def formatted_markdown(self):
return markdownify(self.long_description)
app/admin.py
from django.contrib import admin
from projects.models import Projects
from markdownx.admin import MarkdownxModelAdmin
class ProjectsAdmin(admin.ModelAdmin):
pass
admin.site.register(Projects, MarkdownxModelAdmin)
app/views.py
from django.shortcuts import render
from projects.models import Projects
def project_index(request):
projects = Projects.objects.all()
context = {
'projects' : projects
}
return render(request, 'project_index.html', context)
def project_detail(request, pk):
project = Projects.objects.get(pk=pk)
context = {
'project' : project
}
return render(request, 'project_detail.html', context)
app/templates/project_detail.html
{% extends "base.html" %}
{% load static %}
{% block page_content %}
<h1>{{ project.title }}</h1>
<div class="row">
<div class="col-md-4">
<h5>About the project:</h5>
<p>{{ project.formatted_markdown|safe|linebreaks }}</p>
<br>
<h5>Project Link</h5>
<a href="{{ project.project_link }}" class="btn btn-primary" >Github</a>
</div>
</div>
{% endblock %}
This first image is the admin page view.
This second image is the template html page view.
