一、kindedit编辑器

就是上面这样的编辑输入文本的一个编辑器

这也是一个插件。那么怎么用呢？

1、下载：百度kindedit

2、引入：

    <script src="/static/kindeditor/kindeditor-all.js"></script>

3、看官方提供的文档

在addarticle.html中

    <script>

        {#        KindEditor编辑器的使用#}

        KindEditor.ready(function (K) {

            window.editor = K.create('#id_content', {

                {#                    width:"1030px"#}

                width: "90%",

                height: "500px",

                resizeType: 0,//编辑器不拉伸

                uploadJson: "/uploadFile/",  //上传图片路径

                {#                    items:['preview', 'print', 'template', 'code', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',]#}

                //items:你可以筛选你自己想要的

                extraFileUploadParams: {     #解决forbidden

                    csrfmiddlewaretoken: $("[name='csrfmiddlewaretoken']").val(),

                }

            });

        });

    </script>

当你把编辑器插入好的时候，你看似都可以设置大小，字体变粗等。。但是当你上传图片的时候就会想下面一样

这时候就需要 uploadJson: "/uploadFile/",  这个参数了。

url.py

 url(r'^uploadFile/$', views.uploadFile),

views.py

def uploadFile(request):

    '''上传图片路径'''

    print(request.path)  #返回的是当前请求的路径

    print(request.FILES)  #<MultiValueDict: {'imgFile': [<InMemoryUploadedFile: 44643.gif (image/gif)>]}>

    file_obj = request.FILES.get("imgFile")  #得到用户上传的文件对象

    filename = file_obj.name  #那到文件的文件名

    path = os.path.join(settings.MEDIA_ROOT,"upload_article_img",filename) #拼接一个路径吧文件保存进去，一般上传文件的路径保存在media中

    print("======",path)

    with open(path,"wb") as f:#吧文件保存在本地

        for line in file_obj:     #也可以for i in chunks()   不是一行一行的读，而是有具体的大小64*2**10

            f.write(line)
　　

    response = {

        "error":0,

        "url":"/media/upload_article_img/"+filename+"/"   #前端图片文件预览

    }

    return HttpResponse(json.dumps(response))   #需要注意的是上传文件返回的是一个json字符串

二、XSS攻击防护：

BeautifulSoup：是python的一个库，查你想要的数据的，但是只是针对标签字符串。主要用于从网页爬取数据

1、首先需要知道的一些基础知识

<html>

 <head>

  <title>

   The Dormouse's story

  </title>

 </head>

 <body>

  <p class="title">

   <b>

    The Dormouse's story

   </b>

  </p>

  <div id="d1" class="d1">

    <b>

    The Dormouse's story2

    </b></div>

  <p class="story">

   Once upon a time there were three little sisters; and their names were

   <a class="sister0" href="http://example.com/elsie" id="link1">

    Elsie

   </a>

   ,

   <a class="sister1" href="http://example.com/lacie" id="link2">

    Lacie

   </a>

   and

   <a class="sister2" href="http://example.com/tillie" id="link3">

    Tillie

   </a>

   ;

and they lived at the bottom of a well.

  </p>

   <script>alert(1234)</script>

  <p class="story sister2">

   ...

  </p>

 </body>

</html>

"""

# 第一步:实例化对象

from bs4 import BeautifulSoup

soup = BeautifulSoup(html_doc,"html.parser")

# 第二步：美化

print(soup.prettify())

# 第三步:查找标签

print(soup.a)  #只能找到符合条件的第一个标签

print(soup.find("a")) #只能找到符合条件的第一个标签

print(soup.find_all("a"))  #找到所有的a标签

print(soup.a["class"])  #找到a标签的class属性

print(soup.find_all(name="a"))#找所有标签名是a标签的

print(soup.find_all(attrs={"class":"sister1"}))#找属性是class=sister1的

print(soup.find_all(name="a",attrs={"class":"sister1"}))#找a标签并且属性是class=sister1的

# ===========================

for ele_a in soup.find_all("a"):

    print(ele_a.attrs)  #找出a标签的所有的属性

    print(ele_a["href"])  #找出所有的a标签的href属性

    print(ele_a["class"])  #找出所有的a标签的class属性

for ele_a in soup.find_all("a"):

    print(ele_a.attrs)  #找出a标签的所有属性

    del ele_a["class"]  #删除a标签的class属性

#

for ele_a in soup.find_all("a"):

    print(ele_a)  #找出a标签

for ele in soup.find_all():

    if ele.attrs:

        '''如果有属性'''

        if ele.attrs.get("class"):

            '''如果得到class属性'''

            print(ele.attrs)

            del ele["class"]

print(soup)

for ele_a in soup.find_all("script"):    #soup是整个文档对象，循环整个文档的所有的script标签

    print(ele_a.string)  #所有a标签的文本

    print(ele_a.text)    #所有a标签的文本

    ele_a.string.replace_with("//别瞎玩")  #替换a标签的文本

print(soup)

四个对象：

　　1、comment对象：注释对象

　　2、Tag标签对象：相当于html中的一个标签对象

　　3、BeautifulSoup对象：相当于整个文档对象（Dom对象）

　　4、Navigablefetry文本对象

下面我们来具体应用一下：xss攻击防护。吧一些不安全的给删除或者替换了

def filter_xss(html_str):

    valid_tag_list = ["p", "div", "a", "img", "html", "body", "br", "strong", "b"]    #有效标签列表

    valid_dict = {"img":["src","alt"],"p": ["id", "class"], "div": ["id", "class"]}    #有效属性列表

    from bs4 import BeautifulSoup

    soup = BeautifulSoup(html_str, "html.parser")  # soup  ----->  document

    ######### 改成dict

    for ele in soup.find_all():

        # 过滤非法标签

        if ele.name not in valid_dict:

            ele.decompose()

        # 过滤非法属性

        else:

            attrs = ele.attrs  # p {"id":12,"class":"d1","egon":"dog"}

            l = []

            for k in attrs:

                if k not in valid_dict[ele.name]:

                    l.append(k)

            for i in l:

                del attrs[i]

    print(soup)

    return soup.decode()

kindedit编辑器和xxs攻击防护（BeautifulSoup）的简单使用的更多相关文章

  1. 局域网ARP攻击防护

    通过借助一些安全软件来实现局域网ARP检测及防御功能. A.电脑管家 电脑管家--工具箱--下载ARP防火墙模块 不支持window2003 B.服务器安全狗 Windows版下载:http://fr ...

  2. 什么是高防服务器？如何搭建DDOS流量攻击防护系统

    关于高防服务器的使用以及需求,从以往的联众棋牌到目前发展迅猛的手机APP棋牌,越来越多的游戏行业都在使用高防服务器系统,从2018年1月到11月,国内棋牌运营公司发展到了几百家. 棋牌的玩法模式从之前 ...

  3. Ddos攻击防护

    Ddos攻击防护 首先我们说说ddos攻击方式,记住一句话,这是一个世界级的难题并没有解决办法只能缓解 DDoS(Distributed Denial of Service,分布式拒绝服务)攻击的主要 ...

  4. (转)网站DDOS攻击防护实战老男孩经验心得分享

    网站DDOS攻击防护实战老男孩经验心得分享 原文:http://blog.51cto.com/oldboy/845349

  5. 几十万学费总结出来的Ddos攻击防护经验！

    本人从事网络安全行业十余年年.有十年被骗经验.被骗了很多回(都说能防300G,500G,买完就防不住了),本文当然重点给大家说明,ddos攻击是什么,中小企业如何防护,用到成本等. 言归正传 首先我们 ...

  6. 爬虫基础库之beautifulsoup的简单使用

    beautifulsoup的简单使用 简单来说,Beautiful Soup是python的一个库,最主要的功能是从网页抓取数据.官方解释如下: ''' Beautiful Soup提供一些简单的.p ...

  7. python3 调用 beautifulSoup 进行简单的网页处理

    python3 调用 beautifulSoup 进行简单的网页处理 from bs4 import BeautifulSoup file = open('index.html','r',encodi ...

  8. Nancy启用跨站攻击防护（CSRF）

    什么是CSRF(跨站攻击) 可能很多人已经对CSRF有所了解,就简单的介绍下: CSRF全程是 Cross-Site Request Forgery .大概意思就是在登录用户不知情的情况下,由一个网站 ...

  9. 企业安全之APT攻击防护

    现在针对企业APT[1]攻击越来越多了,企业安全也受到了严重的威胁,由于APT攻击比较隐匿的特性[2],攻击并不能被检测到,所以往往可以在企业内部网络潜伏很长时间. APT的攻击方式多种多样,导致企业 ...

随机推荐

  1. Empirical Evaluation of Speaker Adaptation on DNN based Acoustic Model

    DNN声学模型说话人自适应的经验性评估 年3月27日 发表于:Sound (cs.SD); Computation and Language (cs.CL); Audio and Speech Pro ...

  2. <c:out>标签中的escapeXML属性

    <c:out>标签中的escapeXML属性 在<c:out>中,escapeXML属性默认为true. 当设置escapeXML的属性为true时,将value中的值以字符串 ...

  3. Linq中的left join

    left join var custs = from c in db.T_Customer join u in db.Sys_User on c.OwnerId equals u.Id into te ...

  4. animation属性

    文章中转站,因为涉及到动画效果,还是看文笔比较好的博主吧~ CSS3(三)Animation 入门详解 css3中变形与动画(三) CSS3 Animation 是由三部分组成. 关键帧(keyfra ...

  5. DedeCMS找后台目录漏洞

    参考文章 https://xianzhi.aliyun.com/forum/topic/2064 近期,学习的先知社区<解决DEDECMS历史难题--找后台目录>的内容,记录一下. 利用限 ...

  6. Setup ActorComponents

    向头文件中添加一些组件 UStaticMeshComponent* MeshComp;//静态网格体组件 USphereComponent* SphereComp;//球体组件//用来接收物体碰撞信息 ...

  7. android xml组建圆角背景设置

    1.实现左边圆角,右边直行的方法: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:a ...

  8. 框架中的导航框架 & position定位

    框架中,通过链接将一个页面显示在另一个框架中:   总框架: <frameset cols="15%,*">   <frame src="xx.html ...

  9. 【SVN】关于钩子的一些使用

    前一段时间,李总让我研究一下SVN钩子的使用,以前没接触过这方面东西,在这里记录一下. 何为钩子? 所谓SVN钩子就是一些与版本库事件发生时触发的程序,例如新修订版本的创建,或者是未版本化属性的修改. ...

  10. latex公式、编号、对齐

    原文地址:http://blog.csdn.net/hjq376247328/article/details/49718931 LaTeX的数学公式有两种,即行中公式和独立公式.行中公式放在正文中间, ...