flask 图文混排

最新推荐文章于 2023-07-20 11:18:54 发布

AAa俊雅

最新推荐文章于 2023-07-20 11:18:54 发布

阅读量217

点赞数

CC 4.0 BY-SA版权

分类专栏： flask 文章标签： flask图文混排

本文链接：https://blog.youkuaiyun.com/tang__ya/article/details/89501235

flask 专栏收录该内容

4 篇文章

订阅专栏

这篇博客介绍了如何在Flask应用中实现图文混排功能。首先，通过引入相关模块，然后设置tinymce的imageupload_url指向图片上传接口。在后台，定义了两个路由，一个用于处理图文内容的提交，另一个用于处理图片上传。图片上传后保存在程序目录的静态文件夹中，并返回图片URL。最后，在HTML模板中使用过滤器safe进行安全渲染。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、引入

<script type="text/javascript" src="../static/js/jquery.form.min.js"></script>
<script src="../static/tinymce/js/tinymce/tinymce.min.js"></script>
<script src="../static/js/tinymce_setup.js"></script>

2、使用

提交

3、配置。
在tinymce_setup.js文件最下边的 imageupload_url:为图片上传对应的接口
imageupload_url: “/admin/submit-image”

4、图片上传接口
@admin_blue.route(’/’, methods=[‘GET’, ‘POST’])
def index():
d = {}
if request.method == ‘POST’:
content = request.form.get(‘content’)
news = 表名News()
news.title = ‘图文混排’
news.content = content
db.session.add(news)
db.session.commit()
d[‘content’] = content
return render_template(‘图文混排.html’, data=d)

@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)

5、渲染页面。使用过滤器 safe
放在html里