python-Web-django-富文本编辑器
views:
def gbook(request):
''''''
text = request.POST.get('text')
soup = BeautifulSoup(text, "html.parser") # 通过字符串创建
BeautifulSoup对象,即将字符串转为对象,然后调用对象里的相关方法
# for tag in soup.find_all():
# if tag.name == 'script':
# tag.documpose()
# 摘要
description = soup.text[0:50] + '...' def upload(request):
'''编辑器文本数据保存'''
print(0)
if request.FILES.get('img'):
'''有图片上传''' img_obj = request.FILES.get('img')
# 保存图片地址
print(1)
path = os.path.join(settings.MEDIA_ROOT,"add_article_img",img_obj.name)
with open(path,'wb') as f:
for i in img_obj:
f.write(i)
response = {
"error": 0,
"url": "/media/add_article_img/%s" % img_obj.name
}
print(2)
return HttpResponse(json.dumps(response))
html:
<script type="text/javascript" src="/static/back/kindeditor/kindeditor-all.js"></script>
<script>
KindEditor.ready(function(K) {
window.editor = K.create('#content',{
width:"800",
height:"600",
resizeType:0,
uploadJson:"/back/article/upload/",
extraFileUploadParams:{
csrfmiddlewaretoken:"{{ csrf_token }}"
},
filePostName:"img"//上传图片的名称
});
// 点击事件
K('input[name="dosubmit"]').click(function(e) { var title = $.trim($("#title").val());
var time = $.trim($("#time").val());
var articleid = $.trim($("#articleid").val());
var content = $("#content").html();
var text = editor.html();
$.post("/app01/gbook/",{
"text": text,
"title": title,
'time':time,
'articleid':articleid,
'content':content,
"memberid": {{ request.session.member_id }},
"dosubmit": 1,
"csrfmiddlewaretoken": "{{ csrf_token }}"
}, function (data) {
if (data['s'] == 1) {
layer.msg(data['info']);
return false; } else {
//失败
layer.msg(data['info']);
}
return false;
}, "json");
});
}); </script> <p>
<span class="tnr">文章内容:</span>
<div></div>
<textarea id="content" name="content" cols="60" rows="40" id="content" >{{ article_obj.article_content }}</textarea>
</p>
<p>
<input type="button" name="dosubmit" value="马上发布" id="st"/>
</p>
python-Web-django-富文本编辑器的更多相关文章
- django富文本编辑器
-------------------tinymce富文本编辑器1.下载安装 1.在网站pypi网站搜索并下载"django-tinymce-2.4.0" 2.解压:tar zxv ...
- django 富文本编辑器
创建工程,数据中数据格式设置为 models.TextField() 此时编辑器是普通的文本框. 使用 tinymce .安装 django-tinymce pip install django-ti ...
- 富文本编辑器实现从word中复制图片(外挂)
1问题 基于web的富文本编辑器的功能普遍较弱,而word是公认的宇宙第一好用的文档编辑器,所以许多人都习惯先在word中编辑,然后再将内容粘到web富文本编辑器中. 但是,这种操作有一个问题:图片带 ...
- Django配置富文本编辑器kindeditor
一.简介 django是一个容易快速上手的web框架,用它来创建内容驱动型的网站(比如独立博客)十分方便.遗憾的是,django并没有提供官方的富文本编辑器,而后者恰好是内容型网站后台管理中不可或缺的 ...
- django—xadmin中集成富文本编辑器ueditor
一.安装 pip命令安装,由于ueditor为百度开发的一款富文本编辑框,现已停止维护,如果解释器为python2,则直接pip install djangoueditor 解压包安装,python3 ...
- Django 插件之 Xadmin实现富文本编辑器
此文为前一篇文章的续写: Django 插件之 Xadmin Ueditor 介绍 UEditor 是由百度 web 前端研发部开发所见即所得富文本 web 编辑器,具有轻量,可定制,注重用户体验等特 ...
- python 全栈开发,Day83(博客系统子评论,后台管理,富文本编辑器kindeditor,bs4模块)
一.子评论 必须点击回复,才是子评论!否则是根评论点击回复之后,定位到输入框,同时加入@评论者的用户名 定位输入框 focus focus:获取对象焦点触发事件 先做样式.点击回复之后,定位到输入框, ...
- Django 之 富文本编辑器-tinymce
这里的富文本编辑器以 tinymce 为例. 环境:ubuntu 16.04 + django 1.10 + python 2.7 ubuntu安装tinymce: python 2.7 $ sudo ...
- Django项目中添加富文本编辑器django-ckeditor
django-ckeditor库的使用步骤: 1.在命令行下安装django-ckeditor这个库: 命令:pip install django-ckeditor 2.安装成功后,配置Django项 ...
- django后台集成富文本编辑器Tinymce的使用
富文本编辑器Tinymce是使用步骤: 1.首先去python的模块包的网站下载一个django-tinymce的包 2.下载上图的安装包,然后解压,进入文件夹,执行: (pychrm直接运行命令pi ...
随机推荐
- iOS 环形进度条
.h文件 #import <UIKit/UIKit.h> @interface YTProgressView : UIView@property (nonatomic, copy) NSS ...
- es实战一:基本概念
基本概念 可以对照数关系型据库来理解Elasticsearch的有关概念. Relational DB Elasticsearch Databases Indices Tables Types Row ...
- jquery之闭包
闭包 常见形式是函数A里面定义一个函数B,并返回函数体的引用,很抽象是不是,具体代码如下: function wenwa() { ; function cj() { console.log(" ...
- Python3之threading模块
import threading # Tips:一个ThreadLocal变量虽然是全局变量, # 但每个线程都只能读写自己线程的独立副本,互不干扰. # ThreadLocal解决了参数在一个线程中 ...
- Java 添加、删除、移动、隐藏/显示Excel工作表
本文内容将介绍通过Java程序如何添加.删除.移动工作表,以及设置工作表隐藏.显示等操作.文中使用了Java Excel类库(Free Spire.XLS for Java 免费版),可通过官网下载包 ...
- USACO14MAR The Lazy Cow(Gold)
题目 题意:平面上有 \(n\) 块草地,第 \(i\) 块草地坐标为 \((x_i,y_i)\) ,上面有 \(g_i\) 个单位的草.Bessie 可以吃到距离起始点不超过 \(k\)(这里是曼哈 ...
- SSH整合框架
实现登录.新闻增删改查.树形菜单 引入pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi ...
- convert:图片转pdf失败
造冰箱的大熊猫@cnblogs 2019/1/21 1.环境 操作系统/Ubuntu 16.04.5 LTS,内核/4.15.0-43-generic,convert/ImageMagick 6.8 ...
- 顺序表应用6:有序顺序表查询(SDUT 3330)
Problem Description 顺序表内按照由小到大的次序存放着n个互不相同的整数,任意输入一个整数,判断该整数在顺序表中是否存在.如果在顺序表中存在该整数,输出其在表中的序号:否则输出&qu ...
- RabbitMQ TTL、死信队列
TTL概念 TTL是Time To Live的缩写,也就是生存时间. RabbitMQ支持消息的过期时间,在消息发送时可以进行指定. RabbitMQ支持队列的过期时间,从消息入队列开始计算,只要超过 ...