Nishim/create google docs

article/migrations/0050_tiptaparticlepage_body_to_html.py

@@ -0,0 +1,18 @@
+# Generated by Django 4.2 on 2026-03-08 08:25
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('article', '0049_tiptaparticlepage'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='tiptaparticlepage',
+            name='body',
+            field=models.TextField(blank=True, default=''),
+        ),
+    ]

article/migrations/0051_remove_tiptap_lede.py

@@ -0,0 +1,17 @@
+# Generated by Django 4.2 on 2026-03-09 02:09
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('article', '0050_tiptaparticlepage_body_to_html'),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name='tiptaparticlepage',
+            name='lede',
+        ),
+    ]

article/models.py

@@ -59,7 +59,7 @@
 
 from wagtailmenus.models import FlatMenu
 
-
+from article.widgets import TipTapAdminWidget
 from wagtail_color_panel.fields import ColorField
 from wagtail_color_panel.edit_handlers import NativeColorPanel
 
@@ -1812,6 +1812,42 @@ class Meta:
         verbose_name_plural = "Standard Articles"
 
 
+class TipTapArticlePage(Page):
+    """
+    A rich-text article page using TipTap as the body editor.
+    Body is stored as HTML produced by TipTap's getHTML().
+    The public page renders it directly — no client-side JS needed.
+
+    Editing uses the standard Wagtail page editor, giving automatic support
+    for revision history, draft/publish workflow, editorial comments, and
+    page locking.
+    """
+    body = models.TextField(blank=True, default='')
+
+    content_panels = Page.content_panels + [
+        FieldPanel('body', widget=TipTapAdminWidget()),
+    ]
+
+    edit_handler = TabbedInterface([
+        ObjectList(content_panels, heading='Content'),
+        ObjectList(Page.promote_panels, heading='Promote'),
+        ObjectList(Page.settings_panels, heading='Settings'),
+    ])
+
+    parent_page_types = [
+        'specialfeaturelanding.SpecialLandingPage',
+        'section.SectionPage',
+    ]
+    subpage_types = []
+
+    def get_template(self, request, *args, **kwargs):
+        return 'article/tiptap_article_page.html'
+
+    class Meta:
+        verbose_name = "TipTap Article Page"
+        verbose_name_plural = "TipTap Article Pages"
+
+
 class SpecialArticleLikePage(ArticlePage):
 
     show_in_menus_default = True

article/templates/article/tiptap_article_page.html

@@ -0,0 +1,23 @@
+{% extends 'ubyssey/base.html' %}
+{% load static %}
+{% load wagtailcore_tags %}
+
+{% block stylesheet %}
+    {{ block.super }}
+    <link rel="stylesheet" href="{% static 'ubyssey/css/tiptap-article.css' %}" type="text/css" />
+{% endblock %}
+
+{% block header %}
+    {% include 'navigation/headers/topbar.html' %}
+    {% include 'navigation/headers/mobile.html' %}
+{% endblock %}
+
+{% block content %}
+    <main class="tiptap-article-page">
+        <div class="tiptap-article">
+            <div class="tiptap-article__body">
+                {{ page.body|safe }}
+            </div>
+        </div>
+    </main>
+{% endblock %}

article/views.py

@@ -1,13 +1,10 @@
-from django.shortcuts import render
-
-# Create your views here.
-from wagtail.admin.panels import FieldPanel, ObjectList, TabbedInterface
 from wagtail.admin.ui.tables import UpdatedAtColumn
 from wagtail.snippets.models import register_snippet
 from wagtail.snippets.views.snippets import SnippetViewSet
 
 from article.models import ArticleTopic
 
+
 class ArticleTopicViewSet(SnippetViewSet):
     model = ArticleTopic
     icon = "pick"
@@ -18,4 +15,4 @@ class ArticleTopicViewSet(SnippetViewSet):
     search_fields = ["name"]
     ordering = "-last_used_at"
 
-    list_export = ["name", "tagged_articles_count", "most_frequent_section", "last_used_at"]
+    list_export = ["name", "tagged_articles_count", "most_frequent_section", "last_used_at"]

article/widgets.py

@@ -0,0 +1,23 @@
+from django import forms
+
+
+class TipTapAdminWidget(forms.Textarea):
+    """
+    A Textarea whose value is TipTap HTML. The textarea is hidden with CSS;
+    a TipTap editor is mounted next to it by tiptap-wagtail-widget.jsx.
+    Wagtail's form submission reads the (JS-kept-in-sync) textarea value
+    and Django saves it to the body TextField directly.
+    """
+
+    def __init__(self, *args, **kwargs):
+        attrs = kwargs.setdefault('attrs', {})
+        attrs['class'] = (attrs.get('class', '') + ' js-tiptap-admin-field').strip()
+        attrs['style'] = 'display: none'
+        super().__init__(*args, **kwargs)
+
+    def format_value(self, value):
+        return value or ''
+
+    class Media:
+        js = ['ubyssey/js/tiptap-wagtail-widget.js']
+        css = {'all': ['ubyssey/css/tiptap-article.css']}

config/settings/development.py

@@ -4,7 +4,7 @@
 # Two Scoops of Django, p. 47: "For the singular case of Django setting modules we want to override all the namespace"
 # Therefore the below "import *" is correct
 from .base import *
-
+DEBUG = True
 WAGTAILADMIN_BASE_URL = 'http://localhost:8000/'
 
 ALLOWED_HOSTS = ['localhost', '*']

section/models.py

@@ -154,6 +154,7 @@ class SectionPage(RoutablePageMixin, SectionablePage):
     template = 'section/section_page.html'
 
     subpage_types = [
+        'article.TipTapArticlePage',
         'article.StandardArticlePage',
         'article.StandardArticlePageWithRightColumn',
         'article.SpecialArticleLikePage',

specialfeaturelanding/models.py

@@ -91,6 +91,7 @@ def get_template(self, request):
     ]
 
     subpage_types = [
+        'article.TipTapArticlePage',
         'specialfeaturelanding.SpecialLandingPage',
         'article.ArticlePage',
     ]