【发布时间】：2020-01-26 08:22:54
【问题描述】：
编辑：
我找到了答案，向下滚动到我的下一篇文章来查看它！
（我没有在正确的位置包含 render_block "js" 和 "css"，这就是 CSS 没有加载的原因）
我从“文章”模型为我的新闻网站制作了一个 django CMS 插件。 该插件以我看到所有原始 HTML 以及我想要显示的数据的方式“工作”，但它没有将 CSS 应用于我的文章，我不知道为什么。
有什么想法吗？
我的代码：
插件：
from cms.plugin_base import CMSPluginBase
from cms.plugin_pool import plugin_pool
from news_cms_integration.models import ArticlePluginModel
from django.utils.translation import ugettext as _
@plugin_pool.register_plugin # register the plugin
class ArticlePluginPublisher(CMSPluginBase):
model = ArticlePluginModel # model where plugin data are saved
module = _("Article")
name = _("Article Plugin") # name of the plugin in the interface
render_template = "news_cms_integration/article_plugin.html"
def render(self, context, instance, placeholder):
context.update({'instance': instance})
return context
我的插件 html：
{% load sekizai_tags %}
{% render_block "css" %}
<h1>{{ instance.article.title }}</h1>
<section class="container post-details-area">
<div class="container single-article-div">
<hr class="hr-single hr-top">
<h2 id="article-title" class="single-article-titles">{{ article.title }}</h2>
<hr class="hr-single">
<img class="single-article-img" src="{{ article.article_image.url }}" alt="">
<!-- *********************************** -->
<hr class="hr-single">
<p>Category: {{ article.article_category }}</p>
<hr class="hr-single">
<div class="row justify-content-center">
<!-- Post Details Content Area -->
<div class="col-12 col-xl-8">
<div class="post-details-content bg-white box-shadow">
<div class="blog-thumb">
</div>
<div class="blog-content">
<div class="post-meta">
<a href="#">{{ article.pub_date }}</a>
</div>
<h3 class="single-article-titles post-title"> {{ article.description }}</h3>
<hr>
<!-- Post Meta -->
<div class="post-meta-2">
<a href="#"><i class="fa fa-eye" aria-hidden="true"></i> 1034</a>
<a href="#"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> 834</a>
<a href="#"><i class="fa fa-comments-o" aria-hidden="true"></i> 234</a>
</div>
<p>{{ article.article_text }}</p>
<hr />
{% include "partials/_thumbnails.html" %}
<hr>
<p>Author: {{ article.author }}</p>
<hr>
{% for comment in article.comments.all %}
<div class="comment">
<div class="date">{{ comment.created_date }}</div>
<strong>{{ comment.author }}</strong>
<p>{{ comment.text|linebreaks }}</p>
</div>
{% empty %}
<p>No comments here yet :(</p>
{% endfor %}
</div>
<!-- Post A Comment Area -->
<div class="post-a-comment-area bg-white mb-30 p-30 box-shadow clearfix">
<!-- Section Title -->
<div class="section-heading">
<h5>LEAVE A REPLY</h5>
</div>
<!-- Reply Form -->
<a class="btn btn-default comment-btn"
href="{% url 'news:add_comment_to_article' pk=article.pk %}#add-comment">Add
comment</a>
</div>
</div>
</div>
</div>
</section>
{% render_block "js" %}
知道为什么会这样吗？ 在我的 base.html 中，我包含了：
{% load cms_tags sekizai_tags %}
{% load static %}
{% render_block "css %}
{% render_block "js" %}
我也尝试将所有脚本包装在：
{% addtoblock "css" %} and {% endaddtoblock %}
如果你需要，这里是我的 base.html：
{% load cms_tags sekizai_tags %}
{% load static %}
<!doctype html>
<html lang="en">
<head>
{% render_block "css" %}
<meta charset="utf-8">
<title>Fake News</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
{% block "scripts" %}
<!-- Favicons -->
<link href="{% static 'images/favicon.png' %}" rel="icon">
<link href="{% static 'images/apple-touch-icon.png' %}" rel="apple-touch-icon">
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900"
rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="{% static 'lib/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="{% static 'lib/nivo-slider/css/nivo-slider.css' %}" rel="stylesheet">
<link href="{% static 'lib/owlcarousel/owl.carousel.css' %}" rel="stylesheet">
<link href="{% static 'lib/owlcarousel/owl.transitions.css' %}" rel="stylesheet">
<link href="{% static 'lib/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet">
<link href="{% static 'lib/animate/animate.min.css' %}" rel="stylesheet">
<link href="{% static 'lib/venobox/venobox.css' %}" rel="stylesheet">
<!-- Nivo Slider Theme -->
<link href="{% static 'css/nivo-slider-theme.css' %}" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="{% static 'css/style.css' %}" rel="stylesheet">
<!-- Responsive Stylesheet File -->
<link href="{% static 'css/responsive.css' %}" rel="stylesheet">
{% endblock %}
</head>
</body>
<!-- {% cms_toolbar %} -->
<!-- {% cms_toolbar %} -->
{% block base_product %}
{% placeholder "base_product" %}
{% endblock %}
{% block navbar %}
{% include "partials/_navbar.html" %}
{% endblock %}
{% block index %}
{% endblock %}
{% static_placeholder "yo" %}
{% block article %}
{% endblock %}
{% block articles %}
{% endblock %}
{% block search %}
{% endblock %}
{% block comment %}
{% endblock %}
{% block about_footer %}
{% include "partials/_about_footer.html" %}
{% endblock %}
{% render_block "js" %}
<script src="{% static 'lib/jquery/jquery.min.js' %}"></script>
<script src="{% static 'lib/bootstrap/js/bootstrap.min.js' %}"></script>
<script src="{% static 'lib/owlcarousel/owl.carousel.min.js' %}"></script>
<script src="{% static 'lib/venobox/venobox.min.js' %}"></script>
<script src="{% static 'lib/knob/jquery.knob.js' %}"></script>
<script src="{% static 'lib/wow/wow.min.js' %}"></script>
<script src="{% static 'lib/parallax/parallax.js' %}"></script>
<script src="{% static 'lib/easing/easing.min.js' %}"></script>
<script src="{% static 'lib/nivo-slider/js/jquery.nivo.slider.js' %}" type="text/javascript"></script>
<script src="{% static 'lib/appear/jquery.appear.js' %}"></script>
<script src="{% static 'lib/isotope/isotope.pkgd.min.js' %}"></script>
<script src="{% static 'contactform/contactform.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
</body>
</html>
但这也不起作用:( 任何帮助表示赞赏！
【问题讨论】：
-
render_block来自哪里？ -
好吧，在如此绝望之后，我尝试在任何地方都包含它。我刚刚发现我的错误，问题是：在我的 base.html 模板中，我必须在我的实际脚本链接之后包含 render_block js 和 css，现在一切都按预期工作了:) 将其添加到我的原始帖子中。跨度>
标签： python django plugins content-management-system django-cms