Django高級應用之富文本(文本編輯器的運用)

先安裝django-tinymce

一、在站點中使用

(1)配置settings文件

INSTALLED_APPS中添加: ‘tinyce’

在最下面增加:

#富文本
TINYMCE_DEFAULT_CONFIG={
    'theme':'advanced',   #設置功能
    'width':600,     #寬
    'height':400,    #高
}

Model文件中

from tinymce.models import HTMLField
class Text(models.Model):
    str = HTMLField()

admin文件中註冊

from .models import Text
admin.site.register(Text)

重新migrate數據庫

首先刪掉遷移文件

然後python manage.py makemigrations

再次 python manage.py migrate


二、在自定義視圖中使用(多數在這裏使用)

 在這裏不涉及settings配置

(1)創建html文件:

edit.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>富文本</title>

    <script type="text/javascript" src="/static/tiny_mce/tiny_mce.js"></script>
    <script type="text/javascript">
        tinyMCE.init({
            'mode':'textareas',
            'theme':'advanced',
            'width':800,
            'height':600,
        })
    </script>
</head>
<body>
    <form action="/saveedit" method="post">
        <textarea name="str">sunck is a good man</textarea>
        <input type="submit" value="提交">
    </form>
</body>
</html>

配置url

url(r'^edit/$',views.edit),

編寫views

def edit(request):
    return render(request,'myApp/edit.html')

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章