Merge pull request #4024 from GeotrekCE/feat_add_tinymce_upload_image

Add local image upload into flat pages content (ref #3552)

Author: marcantoinedupre

docs/changelog.rst

@@ -5,10 +5,15 @@ CHANGELOG
 2.103.2+dev (XXXX-XX-XX)
 ------------------------
 
+**WARNING!**
+
+This version breaks the flat pages API. Upgrade first to Geotrek-rando 3.19.0 (simultaneously released on April 2024) for a smooth transition.
+
 **Features**
 
 - Add new menu headers and flat pages with tree hierarchies
 - Add styling and embedding tools for FlatPages content (refs #3921, #3922, #4019)
+- Add local image upload into content of flat pages (ref #3552)
 
 **Bug fixes**
 

geotrek/flatpages/tests/test_views.py

@@ -0,0 +1,26 @@
+from tempfile import TemporaryDirectory
+
+from django.test import TestCase
+from django.urls import reverse
+from geotrek.common.utils.testdata import get_dummy_uploaded_image
+from mapentity.tests import SuperUserFactory
+
+
+class TinyMCEUploadViewTestCase(TestCase):
+
+    def test_tinymce_upload(self):
+        user = SuperUserFactory()
+        self.client.force_login(user)
+        file = get_dummy_uploaded_image("tinymce_uploaded_image.png")
+
+        with TemporaryDirectory() as tmp_dir:
+            with self.settings(MEDIA_ROOT=tmp_dir):
+                url = reverse("flatpages:tinymce_upload")
+                response = self.client.post(url, data={"file": file})
+
+        self.assertEqual(response.status_code, 200)
+        data = response.json()
+        self.assertIn("location", data)
+        location = data["location"]
+        self.assertTrue(location.startswith("http://") or location.startswith("https://"))
+        self.assertIn("tinymce_uploaded_image", location)

geotrek/flatpages/urls.py

@@ -0,0 +1,8 @@
+from django.urls import path
+from geotrek.flatpages.views import tinymce_upload
+
+app_name = 'flatpages'
+
+urlpatterns = [
+    path('tinymce/upload/', tinymce_upload, name="tinymce_upload"),
+]

geotrek/flatpages/views.py

@@ -0,0 +1,17 @@
+from uuid import uuid4
+
+from django.contrib.auth.decorators import login_required
+from django.core.files.storage import default_storage
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
+from django.views.decorators.http import require_http_methods
+
+
+@require_http_methods(["POST"])
+@csrf_exempt
+@login_required
+def tinymce_upload(request):
+    file = request.FILES.get('file')
+    filename = f"flatpages/content/upload/{uuid4()}/{str(file)}"
+    default_storage.save(filename, file)
+    return JsonResponse({"location": request.build_absolute_uri(default_storage.url(filename))})

geotrek/flatpages/widgets.py

@@ -21,10 +21,10 @@
     "menubar": False,
     'image_title': False,
     'image_caption': True,
-    'automatic_uploads': False,
+    'automatic_uploads': True,
     'convert_urls': False,
-    'file_picker_types': None,
-    'images_upload_url': None,
+    'file_picker_types': "image media",
+    'images_upload_url': "/flatpages/tinymce/upload/",
     "toolbar": 'undo redo | styleselect | blockquote | bold italic forecolor |'
                'alignleft aligncenter alignright alignjustify | bullist numlist | link image media |'
                'button-link suggestions | removeformat visualblocks code | wordcount | help',

geotrek/urls.py

@@ -59,6 +59,8 @@
     urlpatterns.append(path('', include('geotrek.feedback.urls')))
 if 'geotrek.sensitivity' in settings.INSTALLED_APPS:
     urlpatterns.append(path('', include('geotrek.sensitivity.urls')))
+if 'geotrek.flatpages' in settings.INSTALLED_APPS:
+    urlpatterns.append(path('flatpages/', include('geotrek.flatpages.urls')))
 if 'geotrek.api' in settings.INSTALLED_APPS:
     urlpatterns.append(path('', include('geotrek.api.v2.urls')))
     if 'geotrek.flatpages' in settings.INSTALLED_APPS and 'geotrek.trekking' in settings.INSTALLED_APPS and 'geotrek.tourism' in settings.INSTALLED_APPS: