圖文混排

一、引入
<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>
二、使用
<form action="" method="post">
<input id="rich_content" name="content" value=" "/>
</form>

三、配置。
在tinymce_setup.js文件最下邊的 imageupload_url:爲圖片上傳對應的接口
imageupload_url: "/admin/submit-image"

四、圖片上傳接口
@admin_blue.route('/submit-image',methods=['GET', 'POST'])
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)

五、渲染頁面。使用過濾器 safe
{{ data.content | safe}}