首页 > 解决方案 > 使用 PrismJS 在 Django 中突出显示语法

问题描述

我正在使用 Django(3) 进行一个项目,其中我有博客文章,在这些博客文章中,我需要突出显示代码块,以防我们正在写一篇编程文章。所以,我决定使用 PrismJS 库。

我已经添加了库所需的 CSS 和 JS 文件:

<link rel="stylesheet" href="{% static 'css/prism.css' %}" data-noprefix/>
<link rel="stylesheet" href="{% static 'css/prism-synthwave84.css' %}"/>
<link rel="stylesheet" href="{% static 'css/prism-line-numbers.css' %}"/>

<script type="application/javascript" src="{% static 'js/prism.js' %}"></script>
<script type="application/javascript" src="{% static 'js/prism-line-numbers.js' %}"></script>

现在,在管理面板中,我集成了“ckEditor”来编写内容。 在此处输入图像描述

要突出显示代码,我们需要将其放在<pre><code>标签内并添加一个 css 类language-python以突出显示 python 代码。

问题是当我们添加这个类并保存博客文章时,这个类会自动消失。不知道为什么会这样?有时它仍然存在,但如果我们更新博客文章,它会自动消失。

标签: pythondjangosyntax-highlightingprismjs

解决方案


推荐阅读