Limit snippet characters

app/blog/migrations/0042_alter_post_snippet.py

@@ -0,0 +1,21 @@
+# Generated by Django 4.2.5 on 2023-11-08 16:00
+
+import blog.utils
+from django.db import migrations
+import django_ckeditor_5.fields
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("blog", "0041_disallow_null_values_date_updated"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="post",
+            name="snippet",
+            field=django_ckeditor_5.fields.CKEditor5Field(
+                blank=True, null=True, validators=[blog.utils.snippet_validator]
+            ),
+        ),
+    ]

app/blog/models.py

@@ -4,6 +4,7 @@
 from django.utils.text import slugify
 from django.contrib.auth.models import User
 from django_ckeditor_5.fields import CKEditor5Field
+from .utils import snippet_validator
 
 # import logging
 from django_resized import ResizedImageField
@@ -70,7 +71,9 @@ class Post(models.Model):
     metaimg_alt_txt = models.CharField(max_length=500, default="John Solly Headshot")
     metaimg_attribution = models.CharField(max_length=500, blank=True, null=True)
     content = CKEditor5Field(blank=True, null=True, config_name="extends")
-    snippet = CKEditor5Field(blank=True, null=True, config_name="extends")
+    snippet = CKEditor5Field(
+        blank=True, null=True, config_name="extends", validators=[snippet_validator]
+    )
     date_posted = models.DateTimeField(default=timezone.now)
     date_updated = models.DateTimeField(auto_now=True)
     author = models.ForeignKey(User, on_delete=models.CASCADE)

app/blog/utils.py

@@ -87,3 +87,18 @@ def answer_question(
         model=model,
     )
     return response["choices"][0]["text"].strip()
+
+
+from django.core.exceptions import ValidationError
+import re
+
+
+def snippet_validator(value):
+    link_media_regex = r"<a.*?/a>|<img.*?/img>|<video.*?/video>|<audio.*?/audio>"
+    value_without_links_media = re.sub(link_media_regex, "", value, flags=re.IGNORECASE)
+    max_length = 400
+    if len(value_without_links_media) > max_length:
+        # Raise a validation error
+        raise ValidationError(
+            f"The snippet cannot have more than {max_length} characters (excluding links and media)."
+        )

app/staticfiles/css/main.css

@@ -713,6 +713,29 @@ label[for="id_draft"] {
    Typeography
 ============= */
 
+:is(
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    strong,
+    .list-group-item,
+    svg,
+    table,
+    p,
+    blockquote,
+    li,
+    legend,
+    small,
+    .word-count,
+    label,
+
+  ) {
+  color: var(--secondary-color);
+}
+
 .category-title {
   font-weight: 300;
   letter-spacing: 0.1rem;
@@ -746,8 +769,9 @@ a[href^="http"]::after {
   margin: auto;
 }
 
-.errorlist {
-  color: var(--a11-red);
+.errorlist li {
+  color: red;
+  list-style-type: none;
 }
 
 a.hidden-link {
@@ -758,28 +782,6 @@ a.hidden-link {
 :is(h1, h2, h3) {
   line-height: 1.1;
 }
-:is(
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    strong,
-    .list-group-item,
-    svg,
-    table,
-    p,
-    blockquote,
-    li,
-    legend,
-    small,
-    .word-count,
-    label,
-
-  ) {
-  color: var(--secondary-color);
-}
 
 hr {
   border-color: #e0e0e0;