Pyhton日记——TinyMCE编辑器上传图片到七牛

最新推荐文章于 2024-08-28 16:55:32 发布

饥渴计科极客杰铿

最新推荐文章于 2024-08-28 16:55:32 发布

阅读量2.9k

点赞数

分类专栏： pyhton 文章标签：七牛插件

本文链接：https://blog.csdn.net/qq_32198277/article/details/53370125

版权

这篇博客详细介绍了如何在Flask项目中结合TinyMCE编辑器，利用其插件实现图片上传到七牛云存储。首先，需要申请七牛云储存空间并获取相关配置。然后，下载并配置TinyMCE的图片上传插件，同时引入jQuery。最后，通过Python安装七牛库并编写上传逻辑，实现图片成功上传到七牛云。

摘要由CSDN通过智能技术生成

上篇博客介绍到如何给Flask项目加上TinyMCE编辑器
这篇就给大家讲讲如何用TinyMCE的插件上传图片的七牛

首先申请七牛的云储存空间

需要找到几样东西

ACCESS_KEY
SECRET_KEY
BUCKET_NAME(上传空间名字)
DOMAIN_NAME(外链域名)

需要下载一个TinyMCE的插件

https://github.com/jkgeekJack/tinymce-imageupload

拷贝到之前项目的tinymce/js/tinymce/plugins目录下

在之前那个tinymce_setup.js加上这个补丁的名字和上传图片的地址
在plugins和toolbar加上imageupload

tinymce.init({
    selector: '#content',
    directionality:'ltr',
    language:'zh_CN',
    height:400,
    plugins: [
            'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
            'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
            'save table contextmenu directionality emoticons template paste textcolor',
            'codesample imageupload',
    ],
     toolbar: 'insertfile undo redo | \
     styleselect | \
     bold italic | \
     alignleft aligncenter alignright alignjustify | \
     bullist numlist outdent indent | \