1、

引入

<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}}