带有可编辑链接元素的插件

Question

在实现Django CMS站点时，我有点卡在链接管理（内部或外部）上。在我的项目中，我有一个特定的插件，运营商经常使用它。我在问题的最后添加了编辑对话框和框渲染的截图。

编辑对话框很好，但现在按钮只是一个字符字段。因此，链接选择（包括Django CMS中的页面或外部URL）缺失。我寻找一个链接领域，但直到现在我迷路了。

如何添加功能让操作员选择内部或外部链接？

该插件由以下几部分组成：

models.py

from django.db import models 
from cms.models.pluginmodel import CMSPlugin 
from djangocms_text_ckeditor.fields import HTMLField 

class CardPlugin(CMSPlugin): 
    title = models.CharField(max_length=256,default='') 
    description = HTMLField(configuration='CKEDITOR_SETTINGS', 
          default='') 
    button = models.CharField(max_length=256,default='') 

    def __str__(self): 
     return str(self.title) 

cms_plugins.py

class CardCMSPlugin(CMSPluginBase): 
    model = CardPlugin 
    name = 'Card' 
    render_template = "card-default.html" 

卡default.html中

{% load cms_tags %} 
<section class="card card--primary-light"> 
    <div class="card__inner"> 
    <div class="card__content"> 
     <div class="card__text"> 
     <h2 class="card__title"> 
      {{ instance.title }} 
     </h2> 
     <p class="card__description"> 
      {{ instance.description }} 
     </p> 
     </div> 
     {% if instance.button %} 
     <div class="card__buttons"> 
      <a href="#0" class="button button--primary-inverse">{{ instance.button }}</a> 
     </div> 
     {% endif %} 
    </div> 
    </div> 
</section> 

呈现箱

插件编辑对话框如下：

Answer 1

我建议看添加djangocms链接插件作为一个孩子的插件。这是一个非常好的插件，可链接到内部CMS页面或外部地址。这样，您可以从模型中删除button字段，而是在模板中呈现子插件。

nested plugins的文档将是一个很好的阅读。

你的插件定义会变成类似这样的东西;

class ParentCMSPlugin(CMSPluginBase): 
    render_template = 'parent.html' 
    name = 'Parent' 
    model = ParentPlugin 
    allow_children = True 
    child_classes = ['LinkPlugin'] 

要渲染子插件，然后使用您的模板执行此操作;

{% load cms_tags %} 
<section class="card card--primary-light"> 
    <div class="card__inner"> 
     <div class="card__content"> 
      <div class="card__text"> 
       <h2 class="card__title"> 
        {{ instance.title }} 
       </h2> 
       <p class="card__description"> 
        {{ instance.description }} 
       </p> 
      </div> 
      {% for plugin in instance.child_plugin_instances %} 
       {% render_plugin plugin %} 
      {% endfor %} 
     </div> 
    </div> 
</section> 

而且这将使用子插件的默认渲染模板。如果默认不匹配的造型等等，你可以处理的模板，而不是使用render_plugin或子类LinkPlugin渲染工作，你怎么想，或延长它的属性等

一些进一步的考虑应该做的下降你的描述字段支持同样使用TextPlugin作为孩子，因为CMS文本插件可以在它自己内部嵌套插件，并且我总是使用它来覆盖HTMLField。

更进一步，如果你正在开发中CMS挂钩的应用程序，看看PlaceholderFields，让你可以创建自己的模型占位符举行&使用，你可以在CMS页面使用CMS插件。这对于新闻应用程序或博客风格内容等等非常有用。