django - admin に WYMEditor を埋め込む

Question

WYMEditor を管理パネルに追加するには? ユーザー間のメッセージング アプリに使用しており、テキストエリアをテキスト エディターに置き換えたいと考えています。

Answer 1

まず、ここから WYMEditor パッケージをダウンロードしますhttp://www.wymeditor.org/download/

widgets.py を作成する

from django import forms
from django.conf import settings
from django.utils.safestring import mark_safe

class WYMEditor(forms.Textarea):
    #change this for the exact location of your package in your staticfiles
    class Media:
        js = (
            'js/jquery.js', 
            'wymeditor/jquery.wymeditor.pack.js',
        )

    def __init__(self, language=None, attrs=None):
        self.language = language or settings.LANGUAGE_CODE[:2]
        self.attrs = {'class': 'wymeditor'}
        if attrs:
            self.attrs.update(attrs)
        super(WYMEditor, self).__init__(attrs)

    def render(self, name, value, attrs=None):
        rendered = super(WYMEditor, self).render(name, value, attrs)
        return rendered + mark_safe(u'''<script type="text/javascript">
            jQuery('#id_%s').wymeditor({
                updateSelector: '.submit-row input[type=submit]',
                updateEvent: 'click',
                lang: '%s',
            });
            </script>''' % (name, self.language))

次のように、メッセージ フォームの forms.py を更新します。

from app_name.widgets import WYMEditor

class MessageAdminForm(forms.ModelForm):
    .....
    body = forms.CharField(widget=WYMEditor())
    .....

それだけです。パッケージの正確な場所を覚えておいてください