富文本編輯器for Django

下載編輯器(tinymce),解壓,並進入解壓目錄,執行python setup.py install

在settings.py添加應用:

        INSTALLED_APPS = (
            ...
            'tinymce',
        )

在settings.py添加編輯配置項:

        TINYMCE_DEFAULT_CONFIG = {
            'theme': 'advanced',
            'width': 600,
            'height': 400,
        }

在項目urls.py配置:

        urlpatterns = [
            ...
            url(r'^tinymce/', include('tinymce.urls')),
        ]

在應用中定義模型屬性:

        from django.db import models
        from tinymce.models import HTMLField

        class HeroInfo(models.Model):
            ...
            hcontent = HTMLFie

以上會在admin後臺管理界面顯示.

自定義界面顯示:

cript type="text/javascript">
            tinyMCE.init({
                'mode':'textareas',
                'theme':'advanced',
                'width':400,
                'height':100
            });
        </script>
發佈了42 篇原創文章 · 獲贊 28 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章