django-mdeditor + Markdownで絵文字が表示されない

django-mdeditor + Markdownを使用して、アプリを作成していますが、
以下の様にCreateViewやUpdateViewでのmdeditorの表示では絵文字が正常に表示されているのですが

DetailViewでの表示では以下のように絵文字が表示されません。

絵文字についての設定に不足などありましたら、ご教示頂けないでしょうか。

アプリは、以下のサイトを参考にして作成しました。
https://yuki.world/django-markdown-implement/
https://github.com/pylixm/django-mdeditor

環境は以下となっています。

以下の内容で/アプリ/templatetags/markdown_extras.pyを設置

python
1from django import template
2from django.template.defaultfilters import stringfilter
3from django.conf import settings
4
5import markdown as md
6
7register  = template.Library()
8
9@register.filter()
10@stringfilter
11def markdown(value):
12    return md.markdown(value, extensions=['markdown.extensions.fenced_code', 'toc', 'tables'],  extension_configs=settings.MDEDITOR_CONFIGS)

DetailViewのtemplateは以下となります。
base.html

html
1{% load static %}
2
3<!doctype html>
4<html lang="ja">
5<head>
6  <meta charset="UTF-8">
7  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
8  <title>demo</title>
9  <link href="{% static 'mdeditor/css/editormd.min.css' %}" rel="stylesheet">
10  <link href="{% static 'mdeditor/css/editormd.preview.css' %}" rel="stylesheet">
11</head>
12<body>
13  <header>
14        <div>
15          <ul>
16            <li>
17              <a href="{% url 'demo:post_list' %}">記事一覧</a>
18            </li>
19            <li>
20              <a href="{% url 'demo:post_create' %}">新規作成</a>
21            </li>
22          </ul>
23        </div>
24   </header>
25     <!-- メインコンテント -->
26   {% block content %}{% endblock %}
27
28     <!-- フッター -->
29     <br>
30     <footer>
31       <div class="container text-center">
32         <!-- ナビゲーション -->
33         <ul class="nav justify-content-center mb-3">
34           <li class="nav-item">
35             <a class="nav-link" href="#">Top</a>
36           </li>
37         </ul>  <!-- /ナビゲーション -->
38         <p><small>Copyright &copy:2020 APTOM, All Rights Reserved.</small></p>
39       </div>
40     </footer><!-- /フッター -->
41     <script src="{% static 'mdeditor/js/jquery.min.js' %}"></script>
42     <script src="{% static 'mdeditor/js/editormd.min.js' %}"></script>
43      <script src="{% static 'mdeditor/js/lib/marked.min.js' %}"></script>
44      <script src="{% static 'mdeditor/js/lib/prettify.min.js' %}"></script>
45      <script src="{% static 'mdeditor/js/lib/raphael.min.js' %}"></script>
46      <script src="{% static 'mdeditor/js/lib/underscore.min.js' %}"></script>
47      <script src="{% static 'mdeditor/js/lib/sequence-diagram.min.js' %}"></script>
48      <script src="{% static 'mdeditor/js/lib/flowchart.min.js' %}"></script>
49      <script src="{% static 'mdeditor/js/lib/jquery.flowchart.min.js' %}"></script>
50      <script src="{% static 'mdeditor/languages/en.js' %}"></script>
51      <script>
52      $(function () {
53          editormd.markdownToHTML("content", {
54              emoji           : true,
55              taskList        : true,
56              tex             : true,
57              flowChart       : true,
58              sequenceDiagram : true,
59          });
60          $(".reference-link").each(function (i,obj) {
61          })
62      })
63      </script>
64
65     {% block extra_js %}{% endblock %}
66
67   </body>
68 </html>

post_detail.html

html
1{% extends 'demo/base.html' %}
2{% load markdown_extras %}
3
4{% block content %}
5{{ post.title }}
6<div id="content">
7{{ post.text|markdown|safe }}
8</div>
9{% endblock content %}
10

setting.pyには以下を設定しています。

python
1X_FRAME_OPTIONS = 'SAMEORIGIN'
2MDEDITOR_CONFIGS = {
3    'default': {
4        'language': 'en',
5        'search_replace': True,
6        'emoji': True,
7        'tex': True,
8        'flow_chart': True,
9        'sequence': True,
10        'watch': True,
11    }
12}