Image Events on Froala Django Editor - django

Question

I'm using the Froala Django Editor in some forms in my Django REST Framework backend, such as this
# resources/forms.py
from django import forms
from froala_editor.widgets import FroalaEditor
from .models import Resource
class ResourceForm(forms.ModelForm):
class Meta:
model = Resource
fields = '__all__'
widgets = {
'content': FroalaEditor(
options={
'heightMin': 256
}
)
}
When I try to upload an image (or a video, or any file, but one thing at a time) in the Froala editor I get an error:
In the console I have:
GET https://{some-id}.cloudfront.net/uploads/froala_editor/images/Nights.of.Cabiria.jpg [HTTP/2 403 Forbidden 15ms]
The error above made me wonder that perhaps the image is being uploaded correctly, but the Froala editor can't get it after uploading in order to display it.
The application is being hosted in AWS and the uploaded files stored in S3 buckets.
And in fact, I checked in the S3 dashboard, and the images are there, so they have uploaded correctly.
Even though I'm using all default FROALA_EDITOR_OPTIONS. I'm aware there are specific options for S3 storage (I've tried them) but I'm not using them and it is uploading fine.
Still looking at that error, I remembered that in other models in the project I have ImageFields, for example
# users/models.py
class User(AbstractUser):
name = models.CharField(_('First name'), db_index=True, max_length=255)
image = models.ImageField(upload_to=user_image_bucket, verbose_name=_('Image'))
def signed_image_url(self):
try:
return sign_cloudfront_url(self.image.url)
except ValueError:
return None
and that the serializers for these models always return the signed url, not the original url of the image
# users/serializers.py
class UserSerializer(serializers.ModelSerializer):
class Meta:
model = User
fields = (
'id',
'name',
'signed_image_url',
)
I don't understand much about AWS S3, but I suppose that the images stored there are not publicly accessible, and providing a signed url to an image grants access to it.
Knowing this, I believe that what I need to do is to apply the same sign_cloudfront_url function to the images uploaded via the Froala Editor.
According to the Froala docs, you can set some events listeners on the Froala Editor options, such as image.uploaded, and I think this is where I should get the url of the uploaded image and return a signed url, but I'm not being able to set these events.
If I do this:
# resources/forms.py
from django import forms
from froala_editor.widgets import FroalaEditor
from .models import Resource
class ResourceForm(forms.ModelForm):
class Meta:
model = Resource
fields = '__all__'
def uploaded():
print("hello world")
widgets = {
'content': FroalaEditor(
options={
'heightMin': 256,
'events': {
'image.uploaded': uploaded,
}
}
)
}
I get a very expected Object of type function is not JSON serializable error.
Any idea how I should handle this?