本文详细介绍了如何在Django项目中集成富文本编辑器，包括安装django-tinymce，配置settings.py，添加路由，修改models.py以及在前端模版中引入编辑器的过程。
在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>
扫一扫
1393
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
