(1) 安装
pip install django-tinymce
(2) 修改settings.py文件, 在INSTALLED_APP中添加tinymce
INSTALLED_APPS = [
...
'tinymce',
]
(3) 在settings.py文件结尾添加
TINYMCE_DAFAULT_CONFIG = {
'theme':'advanced',
'width':600,
'height':400
}
(4) 创建模型类(在models.py文件中)
from tinymce.models import HTMLField
class Text(models.Model):
content = HTMLField()
(5) 进行文件迁移
./manage.py makemigrations
./manage.py migrate
(6) 配置站点
# 在admin.py中添加
from myApp.models import Text
admin.site.register(Text)
(7) 访问http://localhost:8000/admin/
登录后,选择Text
可以看到配置的富文本
(8) 还可以在模板中使用
<html>
<body>
# 添加js, 不用手动自己添加
<scipt src='{% static 'tiny_mce/tiny_mce.js'%}'></script>
<script>
tinyMCE.init({
'mode':'textareas',
'them':'advanced',
'width':800,
'height':600
})
</script>
<textarea name="content"></textarea>
</body>
</html>