A simple way to use jSignature jQuery plugin in your Django projects.
It provides:
- A form field and a form widget to handle jquery plugin through a Django form;
- A model field to store a captured signature;
- A mixin adding two fields (signature / signature_date) in any of your Django models.
For now:
pip install https://github.com/fle/django-jsignature/archive/master.zip
- Add
jsignature
to yourINSTALLED_APPS
:
# settings.py
INSTALLED_APPS = (
...
'jsignature',
)
- Use provided form field and widget:
# forms.py
from django import forms
from jsignature.forms import JSignatureField
class SignatureForm(forms.Form):
signature = JSignatureField()
- Render image after form validation:
# views.py
from jsignature.utils import draw_signature
from myapp.forms import SignatureForm
def my_view(request):
form = SignatureForm(request.POST or None)
if form.is_valid():
signature = form.cleaned_data.get('signature')
if signature:
# as an image
signature_picture = draw_signature(signature)
# or as a file
signature_file_path = draw_signature(signature, as_file=True)
JSignature plugin options are available in python:
- Globally, in your settings:
# settings.py
JSIGNATURE_WIDTH = 500
JSIGNATURE_HEIGHT = 200
- Specifically, in your form:
# forms.py
from jsignature.forms import JSignatureField
from jsignature.widgets import JSignatureWidget
JSignatureField(widget=JSignatureWidget(jsignature_attrs={'color': '#CCC'}))
Available settings are:
JSIGNATURE_WIDTH
(width)JSIGNATURE_HEIGHT
(height)JSIGNATURE_COLOR
(color)JSIGNATURE_BACKGROUND_COLOR
(background-color)JSIGNATURE_DECOR_COLOR
(decor-color)JSIGNATURE_LINE_WIDTH
(lineWidth)JSIGNATURE_UNDO_BUTTON
(UndoButton)
If you wan to store signatures, provided mixin gives a signature
and a signature_date
that update themselves:
from django.db import models
from jsignature.mixins import JSignatureFieldsMixin
class JSignatureModel(JSignatureFieldsMixin):
name = models.CharField()
- Florent Lebreton <florent.lebreton@makina-corpus.com>