Skip to main content

Prose editor for the Django admin based on ProseMirror

Project description

Prose editor for the Django admin based on ProseMirror

About rich text editors

Copied from the django-content-editor documentation.

We have been struggling with rich text editors for a long time. To be honest, I do not think it was a good idea to add that many features to the rich text editor. Resizing images uploaded into a rich text editor is a real pain, and what if you’d like to reuse these images or display them using a lightbox script or something similar? You have to resort to writing loads of JavaScript code which will only work on one browser. You cannot really filter the HTML code generated by the user to kick out ugly HTML code generated by copy-pasting from word. The user will upload 10mb JPEGs and resize them to 50x50 pixels in the rich text editor.

All of this convinced me that offering the user a rich text editor with too much capabilities is a really bad idea. The rich text editor in FeinCMS only has bold, italic, bullets, link and headlines activated (and the HTML code button, because that’s sort of inevitable – sometimes the rich text editor messes up and you cannot fix it other than going directly into the HTML code. Plus, if someone really knows what they are doing, I’d still like to give them the power to shot their own foot).

If this does not seem convincing you can always add your own rich text plugin with a different configuration (or just override the rich text editor initialization template in your own project). We do not want to force our world view on you, it’s just that we think that in this case, more choice has the bigger potential to hurt than to help.

Installation

Install the package:

venv/bin/pip install django-prose-editor

Add django_prose_editor to INSTALLED_APPS:

INSTALLED_APPS = [
    # ...
    "django_prose_editor",
]

Replace models.TextField with ProseEditorField where appropriate:

from django_prose_editor.fields import ProseEditorField

class Project(models.Model):
    description = ProseEditorField()

Note! No migrations will be generated when switching from and to models.TextField. That’s by design. Those migrations are mostly annoying.

Security

ProseMirror does a really good job of only allowing content which confirms to a particular scheme. Of course users can submit what they want, they are not constrainted by the HTML widgets you’re using. You should still always sanitize the HTML submitted on the server side. A good way to do this is by using the sanitize argument to the ProseEditorField. You can use the following snippet to always pass HTML through html-sanitizer:

from html_sanitizer.django import get_sanitizer

description = ProseEditorField(sanitize=get_sanitizer().sanitize)

You can also use the following, which uses a sanitizer instance which allows all elements which are allowed by the ProseMirror configuration:

from django_prose_editor.sanitized import SanitizedProseEditorField

description = SanitizedProseEditorField()

Convenience

Sometimes it may be useful to show an excerpt of the HTML field; the ProseEditorField automatically adds a get_*_excerpt method to models which returns the truncated and stripped beginning of your HTML field’s content. The name would be Project.get_description_excerpt in the example above.

Customization

It’s not possible (yet), sorry.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django_prose_editor-0.1.3.tar.gz (76.6 kB view details)

Uploaded Source

Built Distribution

django_prose_editor-0.1.3-py3-none-any.whl (78.3 kB view details)

Uploaded Python 3

File details

Details for the file django_prose_editor-0.1.3.tar.gz.

File metadata

  • Download URL: django_prose_editor-0.1.3.tar.gz
  • Upload date:
  • Size: 76.6 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: python-httpx/0.25.1

File hashes

Hashes for django_prose_editor-0.1.3.tar.gz
Algorithm Hash digest
SHA256 a9ea68760b2d67674626ac37d653667bc21814b7ba53e4221e71c7d3c8c3b707
MD5 96756d1fa8224c36a4a7c3ae46acdbb8
BLAKE2b-256 fa8dfd2ebd4d899c45b17cd182b03d9436c6e774b51ebeac1e354273a49fa833

See more details on using hashes here.

File details

Details for the file django_prose_editor-0.1.3-py3-none-any.whl.

File metadata

File hashes

Hashes for django_prose_editor-0.1.3-py3-none-any.whl
Algorithm Hash digest
SHA256 25a0f0b9d7255976dec6629892fa0b165fa69a37ada59904e01d01cb4319cdf7
MD5 8c615183623ec03bb2132bd72a9e745e
BLAKE2b-256 077b99fe82a1705e2b1422e0edeab5be87b57a4256307b79532a56da9012a1b2

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page