• 图文混排


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

  • 相关阅读:
    SDN第三次上机作业
    团队作业——Beta冲刺
    SDN第二次上机作业
    在mpvue中使用map如何避坑
    仿一个好玩的滑动效果
    乡音
    mpvue支持小程序的分包加载
    台风🌀和口腔溃疡
    记一次cocos项目的加载速度优化
    如何用ajax下载文件
  • 原文地址:https://www.cnblogs.com/langye521erxia/p/10764911.html
Copyright © 2020-2023  润新知