在django中输入类似博客的文章,若使用内置的html标签来输入文章的话,怎么好意思在别人面前展示,所以来写一下怎么使用django的富文本编辑器。
我使用的是pycharm
1:pip3 install django-tinymce
2: 注册app 在setting.py中注册 'tinymce',
3: 在主url.py中添加路由, path('tinymce/', include('tinymce.urls')),
4: 在models.py下 导入HTMLField()
from tinymce.models import HTMLField
在要使用编辑器的字段添加
body = HTMLField()
5: 其实最主要的是要在前端显示,我们需要找到django-tinymce的下载目录,pip下载方式的目录在
由于我使用pip3 下载的编辑器所以将venv/lib/python3.7/site-packages/tinymce/static/下的tinymce文件拷贝到static目录下
在setting.py下添加 TINYMCE_DEFAULT_CONFIG = {
'theme' : 'advanced',
'width' : '600,
'height' : 400,
}
6: 创建相应的前端模版:index.html
<head>
<script type = "text/javascript" src = "/static/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
tinyMCE.init({
'mode' : 'textarea',
'theme' : 'advanced',
'width' : 600,
'height' : 400,
})
</script>
</head>
<body>
<form action = "url" method = "post">
<textarea name="body">
</form>
</body>