zoukankan      html  css  js  c++  java
  • Django-----图文混排

    1.图文混排(富文本编辑器)
    在HTML里面导入三个包
      <script type="text/javascript" src="../../static/admin/js/jquery-1.12.4.min.js"></script>
        <script src='../../static/admin/tinymce/js/tinymce/tinymce.min.js'></script>
        <script src="../../static/admin/js/tinymce_setup.js"></script>
    
        (1)-----jquery.1.12.4     
         (2)-------tinymce.min.js        
         (3)-------tinymce_setup.js
    注意:setup里面:selector : "#rich_content"-----跟hTml 里面的 input 框 id 相对应
    # 例:  <input type="text" name='content' id='rich content'>
    且注意浏览器有缓存,检查源码查看action提交的位置,-----如果报错---请查看路由路径的 / 是匹配
    
    上传图片的路径-----setup.js里----imageupload_url:路径跟form表单中action提交的位置必须相同
    # 注意有没有一级路由
    
    From datetime import datetime
    Import os
    
    def upload_img(request):
        mes={}
        #获取方式以files获取file
        image = request.FILES.get('file')
        if image:
            imgae_name = datetime.now().strftime("%Ym%d%H%M%S%f")+image.name
            f = open(os.path.join(settings.STATICFILES_DIRS[0],'upload',imgae_name),'wb')
            for i in image.chunks():
            f.write(i)
            f.close()
            mes['path']="/static/upload/"+imgae_name
            mes['error']=False
        else:
            mes['path']=''
            mes['error']=True
            return JsonResponse(mes)
    
    
    有俩种返回方式    path----error-----{“error如果为false,则是上传成功”,“error为True,则是上传失败”}
    
    select  name=‘’
    option value= '{{i.id}}'
    
  • 相关阅读:
    Python之面向对象新式类和经典类
    Python之面向对象继承和派生
    Python之面向对象类和对象
    Python之面向对象的程序设计
    Python之面向对象函数式编程
    Python之内置函数
    列表解析与生成器表达式
    03: 交换机基本原理与配置
    02: 网络布线与数制转换
    01:数据封装解封的过程
  • 原文地址:https://www.cnblogs.com/xinzaiyuan/p/12382593.html
Copyright © 2011-2022 走看看