先安裝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')