Django Admin WYSIYWG dengan jwysiwyg

Berikut ini salah satu cara untuk merubah textbox pada django admin site menjadi editor html.

Unduh jquery disini

Unduh jwysiwyg  disini

taruh semuanya di folder "js" dalam MEDIA_ROOT,

Buka file "change_form.html" dan tambahkan di blok extrahead, kira-kira begini:

{% block extrahead %}
    {{ block.super }}
    <script type="text/javascript" src="../../../jsi18n/"></script>
    {{ media }}
    <script type="text/javascript" src="/media/js/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="/media/js/jquery.wysiwyg.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        $('#id_content').css('height','500px');
        $('textarea').wysiwyg();
    });
    </script>
    <link rel="stylesheet" href="/media/js/jquery.wysiwyg.css" type="text/css" />
{% endblock %}


FYI: media prefix yang saya gunakan "/media/"

$('#id_content').css('height','500px');
Disitu saya punya field model yang namanya content, kalo di admin form dia jadi "id_content", dimana field ini adalah isi konten yang saya butuh agak panjang textareanya. Jadi disitu saya ubah heightnya jadi 500px.

**kalo ngga ngerti sukurin, klo merasa terbantu... komen kek napa... ^_^

Komentar

Postingan populer dari blog ini