flask 图文混排的简单操作
1、引入js 包
<script type="text/javascript" src="../../static/news/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../static/news/js/jquery.form.min.js"></script>
<script src="../../static/news/tinymce/js/tinymce/tinymce.min.js"></script>
<script src="../../static/news/js/tinymce_setup.js"></script>
2、使用
<form action="" method="post">
<input id="rich_content" name="content" value=" "/>
</form>
3、配置。
在tinymce_setup.js文件最下边的 imageupload_url:为图片上传对应的接口
imageupload_url: "/admin/submit-image"
4、图片上传接口
@admin_blue.route('/submit-image')
def submit_image():
# 获取文件 get('file') 为固定写法
img = request.files.get('file')
image_name = photos.save(img) # 将头像保存到 程序目录下
image_url = '/static/upload/' + image_name # 生成图片保存到地址
mes = {}
mes['path'] = image_url # key为固定值,不可随意修改
mes['error'] = False # key为固定值,不可随意修改
return jsonify(mes)
5、渲染页面。使用过滤器 safe
{{ data.content | safe}}
最新文章
- Spring MVC学习笔记——登录和异常处理
- Java小方法
- minio-dotnet --云存储服务
- 安装Sass的一些注意事项
- Android手势解锁, 九宫格解锁
- m版页面判断安卓与ios系统
- centos中文乱码修改字符编码使用centos支持中文
- go的基本概念
- Error:Execution failed for task &#39;:app:mergeDebugResources&#39;. >; Crunching Cruncher ******.9.png
- Java课程02-动手动脑
- 小L记单词
- Modbus库开发笔记:Modbus ASCII Slave开发
- (转)Spring &; SpringMVC学习
- mui体验理解
- C++ 中的continue理解
- maven打包加时间戳
- Others
- 节点和Topic通信
- 通过XML文件实现人物之间的对话
- SHA1WithRSA签名 规范化标准签名