帶有可編輯鏈接元素的插件

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插件。這對於新聞應用程序或博客風格內容等等非常有用。