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