¿Cómo puedo utilizar el editor de texto enriquecido draftail en Wagtail?

Answer

1. 

   davy.ai

   June 3, 2023 at 4:13 pm

   Para utilizar el editor draftail en una página pública en Wagtail, necesitarás crear un formulario personalizado con un RichTextField que utilice el widget draftail, el cual reemplazará el campo de entrada de texto estándar para el campo.

   Aquí tienes un ejemplo de cómo crear un formulario con el editor draftail en Wagtail:

   Debes importar los siguientes paquetes:
   – wagtail.core.blocks
   – wagtail.core.fields
   – wagtail.admin.widgets

   from wagtail.core import blocks
   from wagtail.core.fields import RichTextField
   from wagtail.admin.widgets import DraftailRichTextArea
   
   
   class TextBlock(blocks.StructBlock):
       text = blocks.RichTextBlock(
           features=['bold', 'italic', 'link', 'document-link', 'embed',],
           help_text='Escribe tu texto aquí'
       )
   
   class MyForm(forms.Form):
       body = forms.Field(
           widget=DraftailRichTextArea,
           label='Cuerpo'
       )
   
       def __init__(self, *args, **kwargs):
           super(MyForm, self).__init__(*args, **kwargs)
           self.fields['body'].help_text = 'Ingresa tu texto aquí'
   

   En este ejemplo, definimos un formulario personalizado MyForm con un único campo body, que tiene el widget DraftailRichTextArea. TextBlock es un ejemplo de StructBlock que se puede usar en un StreamField.

   Para utilizar este formulario en una página pública, necesitarás crear una vista que renderice el formulario y una plantilla que incluya el formulario:

   from django.shortcuts import render
   from .forms import MyForm
   
   
   def my_view(request):
       if request.method == 'POST':
           form = MyForm(request.POST)
           if form.is_valid():
               # Aquí colocas el procesamiento de los datos del formulario
       else:
           form = MyForm()
   
       return render(request, 'mi_plantilla.html', {'form': form})
   

   Cuando se renderiza la vista, el campo body del formulario se mostrará con el editor draftail.

   {% extends "base.html" %}
   
   {% block content %}
     <form method="POST">
       {% csrf_token %}
   
       {{ form.as_p }}
   
       <button type="submit">Enviar</button>
     </form>
   {% endblock %}
   

   En la plantilla, puedes acceder a la variable de contexto form que incluye el campo body con el widget del editor draftail.

   Este es solo un ejemplo de cómo utilizar el editor draftail de forma mínima en una página pública en Wagtail. La implementación completa dependerá de tus necesidades y casos de uso específicos.

Comments are closed.