文章添加页（富文本编辑器的使用）

1.文章添加页url开设


2.添加文章页面已经富文本编辑器的使用

富文本编辑器kindeditor只要到官网下载下来，放入static文件夹就行，如何在html的script处添加对应固定代码

1. {% extends 'backend/base.html' %}
3. {% block article %}
4.     <h3>添加随笔</h3>
5.     <form action="" method="post">
6.         <p>标题</p>
7.         
8.             <input type="text"  name="title">
9.         
10.         <p>内容</p>
11.         
12.             <textarea name="content" id="editor_id" cols="30" rows="10"></textarea>
13.         
14.         <p>分类</p>
15.         
16.             {% for category in category_list %}
17.                 <input type="radio" value="{{ category.pk }}" name="category">{{ category.name }} 
18.             {% endfor %}
19.         
20.         <p>标签</p>
21.         
22.             {% for tag in tag_list %}
23.                 <input type="checkbox" value="{{ tag.pk }}" name="tag">{{ tag.name }} 
24.             {% endfor %}
25.         
26.         <br>
27.         <input type="submit" >
28.     </form>
29. {% endblock %}
31. {% block js %}
32.    
33.    
34. {% endblock %}

复制代码

3.后端需要传入到前端的数据


4.添加文章向后端发送请求

1. @login_required
2. def add_article(request):
3.     category_list = models.Category.objects.filter(blog=request.user.blog)
4.     tag_list = models.Tag.objects.filter(blog=request.user.blog)
5.     if request.method == 'POST':
6.         title = request.POST.get('title')
7.         content = request.POST.get('content')
8.         category_id = request.POST.get('category')
9.         tag_id = request.POST.getlist('tag')
10.         # 文章简介的获取
11.         desc = content[0:150]
12.         article_obj = models.Article.objects.create(title=title,desc=desc,content=content,category_id=category_id,blog=request.user.blog)
13.         # 下一步添加文章和文章标签表，这个关系表是我们自己创建的无法使用add等方法
14.         # 解决方法自己操作关系表，因为是多对多关系，可能需要创建多条数据 采用了批量插入数据的方法
15.         article_obj_list = []
16.         for i in tag_id:
17.             article_obj_list.append(models.Article2Tag(article=article_obj,tag_id=i))
18.         models.Article2Tag.objects.bulk_create(article_obj_list)
19.         return HttpResponseRedirect('/backend/')
20.     return render(request,'backend/add_article.html',locals())

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！