Browse Source

给告警工单增加编辑器。

gzjzss 7 years ago
parent
commit
76bb5333ae

+ 13 - 4
application/controllers/Workorder.php

@@ -252,8 +252,8 @@ class Workorder extends MY_Controller
             $warning = $this->warning_model->get_warning_with_objectid($val);
             if ($warning) {
                 $warning_type[] = $warning['type'];
-                $warning['warning_name'] = $warning_names[$warning['warning_id']];
-                $warning['content'] = $contents[$warning['warning_id']];
+                $warning['warning_name'] = $warning_names[$warning['_id']];
+                $warning['content'] = $contents[$warning['_id']];
                 $warning_list[] = $warning;
                 $branch = $warning['branch'];
             }
@@ -310,8 +310,7 @@ class Workorder extends MY_Controller
                         $data['create_time'] = new MongoDB\BSON\UTCDateTime(time()*1000);
                         $data['end_time'] = "";
                         if ($this->workorder_model->insert_workorder($data)) {
-                            $wheres = array('warning_id' => array('$in' => $ids));
-                            $this->warning_model->set_val("status", $wheres, "30");
+                            $this->update_warning_status($ids);
                             $this->notices->create_workorder($data);
                             $this->response(array("msg" => "工单生成成功!", "icon" => 1));
                         } else {
@@ -329,6 +328,16 @@ class Workorder extends MY_Controller
         }
     }
 
+    public function update_warning_status($ids){
+        if(!is_array($ids)){
+            $ids = explode(",", $ids);
+        }
+        foreach ($ids as $key => $val) {
+            $wheres = array('_id' => new  MongoDB\BSON\objectID($val));
+            $this->warning_model->set_val("status", $wheres, "30");
+        }
+    }
+
     /**
      * 查看工单详情
      * @param $workorder_id 工单ID

+ 22 - 1
application/views/templates/warning/ignoreindex.html

@@ -70,7 +70,7 @@
                 <td class="text-center">{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
                 <td class="text-center"><span class="w_status{$val['status']}">{$warning_status[$val['status']]}</span></td> <!--待审核下发、已忽略-->
                 <td class="text-center">
-                    <a href="{$val['url']}" target="_blank">
+                    <a href="javascript:;" data-id="{$val['warning_id']}" class="view_info">
                         查看详情
                     </a>
                 </td>
@@ -128,6 +128,27 @@
                 $(".form-inline").submit();
             }
         });
+        $(".bootstrap-table").on('click',".view_info",function(){
+            var id = $(this).data("id");
+            if(id != "" && id != undefined) {
+                layer.open({
+                    type: 2,
+                    title: "告警详情",
+                    offset: 'auto',
+                    shade: [0.3],
+                    area: ['700px','520px'],
+                    anim: 0,
+                    shadeClose:false,
+                    content: 'warning/view/'+id,
+                });
+            }else{
+                layer.alert("参数错误,请刷新后重试!",{
+                    skin: 'layer-ext-myskin',
+                    icon: 5,
+                    title:'错误提示'
+                });
+            }
+        });
     })
 </script>
 </body>

+ 8 - 1
application/views/templates/workorder/create.html

@@ -11,6 +11,8 @@
     <link href="static/js/skins/all.css" rel="stylesheet">
     <link rel="stylesheet" href="static/css/style.css">
     <script language="javascript" type="text/javascript"> var SITE_URL = "/";</script>
+    <script type="text/javascript" charset="utf-8" src="static/ueditor/neditor_min.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="static/ueditor/neditor.all.js"></script>
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!--[if lt IE 9]>
     <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
@@ -54,7 +56,12 @@
                                 <td class="text-center">{if array_key_exists($val['type'],$warning_type)}<span class="level warning_type{$val['type']}">{$warning_type[$val['type']]}</span>{else}未知类型{/if}</td>  <!--失陷事件、脆弱性、残余攻击-->
                                 <td class="text-center">{$warning_level[$val['level']]}</td> <!--已失陷、高可疑、高危、中危、低危-->
                                 <td>{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
-                                <td><textarea class="form-control" rows="2" name="content[{$val['_id']}]" datatype="*" nullmsg="告警内容不能为空!">{$val['content']}</textarea></td>
+                                <td>
+                                    <script id="editor{$val['_id']}" name="content[{$val['_id']}]" type="text/plain" style="width:300px;height:80px;">{$val['content']}</script>
+                                    <script type="text/javascript">
+                                        var ue{$val['_id']} = UE.getEditor('editor{$val['_id']}');
+                                    </script>
+                                </td>
                             </tr>
                             {/foreach}
                         </table>

+ 1 - 1
application/views/templates/workorder/index.html

@@ -88,7 +88,7 @@
                 <td>{foreach $val['send_type'] as $type}{$send_type[$type]}&nbsp;{/foreach}</td>
                 <td data-searchable="true"><p>{$val['receive_user']['name']}<br>{$val['receive_user']['mobile']}<br>{$val['receive_user']['email']}</p></td>
                 <td class="text-center" data-searchable="true">{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
-                <td class="text-left" data-searchable="true"><p class="text_over">备注人:{$val['last_remark_user']['name']}<br>内容:{$val['last_remark_content']}</p>时间:{$val['last_remark_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
+                <td class="text-left" data-searchable="true"><p class="text_over">备注人:{$val['last_remark_user']['name']}</p><div class="text_over" style="width: 200px;">内容:{$val['last_remark_content']}</div>时间:{$val['last_remark_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
                 <td class="text-center" data-searchable="true"><span class="status{$val['status']}">{$workorder_status[$val['status']]}</span></td>
                 <td class="text-left">
                     <a href="javascript:;" data-id="{$val['workorder_id']}" class="view_info">

+ 485 - 0
static/ueditor/neditor_min.config.js

@@ -0,0 +1,485 @@
+/**
+ * neditor完整配置项
+ * 可以在这里配置整个编辑器的特性
+ */
+/**************************提示********************************
+ * 所有被注释的配置项均为UEditor默认值。
+ * 修改默认配置请首先确保已经完全明确该参数的真实用途。
+ * 主要有两种修改方案,一种是取消此处注释,然后修改成对应参数;另一种是在实例化编辑器时传入对应参数。
+ * 当升级编辑器时,可直接使用旧版配置文件替换新版配置文件,不用担心旧版配置文件中因缺少新功能所需的参数而导致脚本报错。
+ **************************提示********************************/
+
+(function() {
+  /**
+     * 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。
+     * 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
+     * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/neditor/"这样的路径。
+     * 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。
+     * 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。
+     * window.UEDITOR_HOME_URL = "/xxxx/xxxx/";
+     */
+  var URL = window.UEDITOR_HOME_URL || getUEBasePath();
+
+  /**
+     * 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
+     */
+  window.UEDITOR_CONFIG = {
+    //为编辑器实例添加一个路径,这个不能被注释
+    UEDITOR_HOME_URL: URL,
+
+    // 服务器统一请求接口路径
+    serverUrl: SITE_URL+"Ueditor",
+
+    //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的重新定义
+    toolbars: [
+      [
+        "source",
+        "|",
+        "undo",
+        "redo"
+      ]
+    ]
+    //当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置,否则以配置值为准
+    //,labelMap:{
+    //    'anchor':'', 'undo':''
+    //}
+
+    //语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换,当然,前提条件是lang文件夹下存在对应的语言文件:
+    //lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()
+    //,lang:"zh-cn"
+    //,langPath:URL +"i18n/"
+
+    //主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换,当然,前提条件是themes文件夹下存在对应的主题文件:
+    //现有如下皮肤:default
+    ,theme:'notadd'
+    //,themePath:URL +"themes/"
+
+    ,zIndex : 1100     //编辑器层级的基数,默认是900
+
+    //针对getAllHtml方法,会在对应的head标签中增加该编码设置。
+    //,charset:"utf-8"
+
+    //若实例化编辑器的页面手动修改的domain,此处需要设置为true
+    //,customDomain:false
+
+    //常用配置项目
+    //,isShow : true    //默认显示编辑器
+
+    //,textarea:'editorValue' // 提交表单时,服务器获取编辑器提交内容的所用的参数,多实例时可以给容器name属性,会将name给定的值最为每个实例的键值,不用每次实例化的时候都设置这个值
+
+    //,initialContent:'欢迎使用neditor!'    //初始化编辑器的内容,也可以通过textarea/script给值,看官网例子
+
+    //,autoClearinitialContent:true //是否自动清除编辑器初始内容,注意:如果focus属性设置为true,这个也为真,那么编辑器一上来就会触发导致初始化的内容看不到了
+
+    //,focus:false //初始化时,是否让编辑器获得焦点true或false
+
+    //如果自定义,最好给p标签如下的行高,要不输入中文时,会有跳动感
+    //,initialStyle:'p{line-height:1em}'//编辑器层级的基数,可以用来改变字体等
+
+    //,iframeJsUrl: '' //给编辑区域的iframe引入一个js文件
+    //,iframeCssUrl: URL + '/themes/iframe.css' //给编辑区域的iframe引入一个css文件
+
+    //indentValue
+    //首行缩进距离,默认是2em
+    //,indentValue:'2em'
+
+    //,initialFrameWidth:1000  //初始化编辑器宽度,默认1000
+    //,initialFrameHeight:320  //初始化编辑器高度,默认320
+
+    //,readonly : false //编辑器初始化结束后,编辑区域是否是只读的,默认是false
+
+    //,autoClearEmptyNode : true //getContent时,是否删除空的inlineElement节点(包括嵌套的情况)
+
+    //启用自动保存
+    //,enableAutoSave: true
+    //自动保存间隔时间, 单位ms
+    //,saveInterval: 500
+
+    //启用拖放上传
+    //,enableDragUpload: true
+    //启用粘贴上传
+    //,enablePasteUpload: true
+
+    //启用图片拉伸缩放
+    //,imageScaleEnabled: true
+
+    //,fullscreen : false //是否开启初始化时即全屏,默认关闭
+
+    //,imagePopup:true      //图片操作的浮层开关,默认打开
+
+    //,autoSyncData:true //自动同步编辑器要提交的数据
+    //,emotionLocalization:false //是否开启表情本地化,默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹
+
+    //粘贴只保留标签,去除标签所有属性
+    //,retainOnlyLabelPasted: false
+
+    //,pasteplain:false  //是否默认为纯文本粘贴。false为不使用纯文本粘贴,true为使用纯文本粘贴
+    //纯文本粘贴模式下的过滤规则
+    //'filterTxtRules' : function(){
+    //    function transP(node){
+    //        node.tagName = 'p';
+    //        node.setStyle();
+    //    }
+    //    return {
+    //        //直接删除及其字节点内容
+    //        '-' : 'script style object iframe embed input select',
+    //        'p': {$:{}},
+    //        'br':{$:{}},
+    //        'div':{'$':{}},
+    //        'li':{'$':{}},
+    //        'caption':transP,
+    //        'th':transP,
+    //        'tr':transP,
+    //        'h1':transP,'h2':transP,'h3':transP,'h4':transP,'h5':transP,'h6':transP,
+    //        'td':function(node){
+    //            //没有内容的td直接删掉
+    //            var txt = !!node.innerText();
+    //            if(txt){
+    //                node.parentNode.insertAfter(UE.uNode.createText(' &nbsp; &nbsp;'),node);
+    //            }
+    //            node.parentNode.removeChild(node,node.innerText())
+    //        }
+    //    }
+    //}()
+
+    //,allHtmlEnabled:false //提交到后台的数据是否包含整个html字符串
+
+    //insertorderedlist
+    //有序列表的下拉配置,值留空时支持多语言自动识别,若配置值,则以此值为准
+    //,'insertorderedlist':{
+    //      //自定的样式
+    //        'num':'1,2,3...',
+    //        'num1':'1),2),3)...',
+    //        'num2':'(1),(2),(3)...',
+    //        'cn':'一,二,三....',
+    //        'cn1':'一),二),三)....',
+    //        'cn2':'(一),(二),(三)....',
+    //     //系统自带
+    //     'decimal' : '' ,         //'1,2,3...'
+    //     'lower-alpha' : '' ,    // 'a,b,c...'
+    //     'lower-roman' : '' ,    //'i,ii,iii...'
+    //     'upper-alpha' : '' , lang   //'A,B,C'
+    //     'upper-roman' : ''      //'I,II,III...'
+    //}
+
+    //insertunorderedlist
+    //无序列表的下拉配置,值留空时支持多语言自动识别,若配置值,则以此值为准
+    //,insertunorderedlist : { //自定的样式
+    //    'dash' :'— 破折号', //-破折号
+    //    'dot':' 。 小圆圈', //系统自带
+    //    'circle' : '',  // '○ 小圆圈'
+    //    'disc' : '',    // '● 小圆点'
+    //    'square' : ''   //'■ 小方块'
+    //}
+    //,listDefaultPaddingLeft : '30'//默认的左边缩进的基数倍
+    //,listiconpath : 'http://bs.baidu.com/listicon/'//自定义标号的路径
+    //,maxListLevel : 3 //限制可以tab的级数, 设置-1为不限制
+
+    //,autoTransWordToList:false  //禁止word中粘贴进来的列表自动变成列表标签
+
+    //fontfamily
+    //字体设置 label留空支持多语言自动切换,若配置,则以配置值为准
+    //,'fontfamily':[
+    //    { label:'',name:'songti',val:'宋体,SimSun'},
+    //    { label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'},
+    //    { label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'},
+    //    { label:'',name:'heiti',val:'黑体, SimHei'},
+    //    { label:'',name:'lishu',val:'隶书, SimLi'},
+    //    { label:'',name:'andaleMono',val:'andale mono'},
+    //    { label:'',name:'arial',val:'arial, helvetica,sans-serif'},
+    //    { label:'',name:'arialBlack',val:'arial black,avant garde'},
+    //    { label:'',name:'comicSansMs',val:'comic sans ms'},
+    //    { label:'',name:'impact',val:'impact,chicago'},
+    //    { label:'',name:'timesNewRoman',val:'times new roman'}
+    //]
+
+    //fontsize
+    //字号
+    //,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]
+
+    //paragraph
+    //段落格式 值留空时支持多语言自动识别,若配置,则以配置值为准
+    //,'paragraph':{'p':'', 'h1':'', 'h2':'', 'h3':'', 'h4':'', 'h5':'', 'h6':''}
+
+    //rowspacingtop
+    //段间距 值和显示的名字相同
+    //,'rowspacingtop':['5', '10', '15', '20', '25']
+
+    //rowspacingBottom
+    //段间距 值和显示的名字相同
+    //,'rowspacingbottom':['5', '10', '15', '20', '25']
+
+    //lineheight
+    //行内间距 值和显示的名字相同
+    //,'lineheight':['1', '1.5','1.75','2', '3', '4', '5']
+
+    //customstyle
+    //自定义样式,不支持国际化,此处配置值即可最后显示值
+    //block的元素是依据设置段落的逻辑设置的,inline的元素依据BIU的逻辑设置
+    //尽量使用一些常用的标签
+    //参数说明
+    //tag 使用的标签名字
+    //label 显示的名字也是用来标识不同类型的标识符,注意这个值每个要不同,
+    //style 添加的样式
+    //每一个对象就是一个自定义的样式
+    //,'customstyle':[
+    //    {tag:'h1', name:'tc', label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'},
+    //    {tag:'h1', name:'tl',label:'', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'},
+    //    {tag:'span',name:'im', label:'', style:'font-style:italic;font-weight:bold'},
+    //    {tag:'span',name:'hi', label:'', style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'}
+    //]
+
+    //打开右键菜单功能
+    //,enableContextMenu: true
+    //右键菜单的内容,可以参考plugins/contextmenu.js里边的默认菜单的例子,label留空支持国际化,否则以此配置为准
+    //,contextMenu:[
+    //    {
+    //        label:'',       //显示的名称
+    //        cmdName:'selectall',//执行的command命令,当点击这个右键菜单时
+    //        //exec可选,有了exec就会在点击时执行这个function,优先级高于cmdName
+    //        exec:function () {
+    //            //this是当前编辑器的实例
+    //            //this.ui._dialogs['inserttableDialog'].open();
+    //        }
+    //    }
+    //]
+
+    //快捷菜单
+    //,shortcutMenu:["fontfamily", "fontsize", "bold", "italic", "underline", "forecolor", "backcolor", "insertorderedlist", "insertunorderedlist"]
+
+    //elementPathEnabled
+    //是否启用元素路径,默认是显示
+    //,elementPathEnabled : true
+
+    //wordCount
+    //,wordCount:true          //是否开启字数统计
+    //,maximumWords:10000       //允许的最大字符数
+    //字数统计提示,{#count}代表当前字数,{#leave}代表还可以输入多少字符数,留空支持多语言自动切换,否则按此配置显示
+    //,wordCountMsg:''   //当前已输入 {#count} 个字符,您还可以输入{#leave} 个字符
+    //超出字数限制提示  留空支持多语言自动切换,否则按此配置显示
+    //,wordOverFlowMsg:''    //<span style="color:red;">你输入的字符个数已经超出最大允许值,服务器可能会拒绝保存!</span>
+
+    //tab
+    //点击tab键时移动的距离,tabSize倍数,tabNode什么字符做为单位
+    //,tabSize:4
+    //,tabNode:'&nbsp;'
+
+    //removeFormat
+    //清除格式时可以删除的标签和属性
+    //removeForamtTags标签
+    //,removeFormatTags:'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var'
+    //removeFormatAttributes属性
+    //,removeFormatAttributes:'class,style,lang,width,height,align,hspace,valign'
+
+    //undo
+    //可以最多回退的次数,默认20
+    //,maxUndoCount:20
+    //当输入的字符数超过该值时,保存一次现场
+    //,maxInputCount:1
+
+    //autoHeightEnabled
+    // 是否自动长高,默认true
+    ,autoHeightEnabled:false
+
+    //scaleEnabled
+    //是否可以拉伸长高,默认true(当开启时,自动长高失效)
+    //,scaleEnabled:false
+    //,minFrameWidth:800    //编辑器拖动时最小宽度,默认800
+    //,minFrameHeight:220  //编辑器拖动时最小高度,默认220
+
+    //autoFloatEnabled
+    //是否保持toolbar的位置不动,默认true
+    //,autoFloatEnabled:true
+    //浮动时工具栏距离浏览器顶部的高度,用于某些具有固定头部的页面
+    //,topOffset:30
+    //编辑器底部距离工具栏高度(如果参数大于等于编辑器高度,则设置无效)
+    //,toolbarTopOffset:400
+
+    //设置远程图片是否抓取到本地保存
+    //,catchRemoteImageEnable: true //设置是否抓取远程图片
+
+    //pageBreakTag
+    //分页标识符,默认是_neditor_page_break_tag_
+    //,pageBreakTag:'_neditor_page_break_tag_'
+
+    //autotypeset
+    //自动排版参数
+    //,autotypeset: {
+    //    mergeEmptyline: true,           //合并空行
+    //    removeClass: true,              //去掉冗余的class
+    //    removeEmptyline: false,         //去掉空行
+    //    textAlign:"left",               //段落的排版方式,可以是 left,right,center,justify 去掉这个属性表示不执行排版
+    //    imageBlockLine: 'center',       //图片的浮动方式,独占一行剧中,左右浮动,默认: center,left,right,none 去掉这个属性表示不执行排版
+    //    pasteFilter: false,             //根据规则过滤没事粘贴进来的内容
+    //    clearFontSize: false,           //去掉所有的内嵌字号,使用编辑器默认的字号
+    //    clearFontFamily: false,         //去掉所有的内嵌字体,使用编辑器默认的字体
+    //    removeEmptyNode: false,         // 去掉空节点
+    //    //可以去掉的标签
+    //    removeTagNames: {标签名字:1},
+    //    indent: false,                  // 行首缩进
+    //    indentValue : '2em',            //行首缩进的大小
+    //    bdc2sb: false,
+    //    tobdc: false
+    //}
+
+    //tableDragable
+    //表格是否可以拖拽
+    //,tableDragable: true
+
+    //sourceEditor
+    //源码的查看方式,codemirror 是代码高亮,textarea是文本框,默认是codemirror
+    //注意默认codemirror只能在ie8+和非ie中使用
+    //,sourceEditor:"codemirror"
+    //如果sourceEditor是codemirror,还用配置一下两个参数
+    //codeMirrorJsUrl js加载的路径,默认是 URL + "third-party/codemirror/codemirror.js"
+    //,codeMirrorJsUrl:URL + "third-party/codemirror/codemirror.js"
+    //codeMirrorCssUrl css加载的路径,默认是 URL + "third-party/codemirror/codemirror.css"
+    //,codeMirrorCssUrl:URL + "third-party/codemirror/codemirror.css"
+    //编辑器初始化完成后是否进入源码模式,默认为否。
+    //,sourceEditorFirst:false
+
+    //iframeUrlMap
+    //dialog内容的路径 ~会被替换成URL,垓属性一旦打开,将覆盖所有的dialog的默认路径
+    //,iframeUrlMap:{
+    //    'anchor':'~/dialogs/anchor/anchor.html',
+    //}
+
+    //allowLinkProtocol 允许的链接地址,有这些前缀的链接地址不会自动添加http
+    //, allowLinkProtocols: ['http:', 'https:', '#', '/', 'ftp:', 'mailto:', 'tel:', 'git:', 'svn:']
+
+    //webAppKey 百度应用的APIkey,每个站长必须首先去百度官网注册一个key后方能正常使用app功能,注册介绍,http://app.baidu.com/static/cms/getapikey.html
+    //, webAppKey: ""
+
+    //默认过滤规则相关配置项目
+    //,disabledTableInTable:true  //禁止表格嵌套
+    //,allowDivTransToP:true      //允许进入编辑器的div标签自动变成p标签
+    //,rgb2Hex:true               //默认产出的数据中的color自动从rgb格式变成16进制格式
+
+      // xss 过滤是否开启,inserthtml等操作
+      ,xssFilterRules: true
+      //input xss过滤
+      ,inputXssFilter: true
+      //output xss过滤
+      ,outputXssFilter: true
+      // xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
+      ,whitList: {
+          a:      ['target', 'href', 'title', 'class', 'style'],
+          abbr:   ['title', 'class', 'style'],
+          address: ['class', 'style'],
+          area:   ['shape', 'coords', 'href', 'alt'],
+          article: [],
+          aside:  [],
+          audio:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'class', 'style'],
+          b:      ['class', 'style'],
+          bdi:    ['dir'],
+          bdo:    ['dir'],
+          big:    [],
+          blockquote: ['cite', 'class', 'style'],
+          br:     [],
+          caption: ['class', 'style'],
+          center: [],
+          cite:   [],
+          code:   ['class', 'style'],
+          col:    ['align', 'valign', 'span', 'width', 'class', 'style'],
+          colgroup: ['align', 'valign', 'span', 'width', 'class', 'style'],
+          dd:     ['class', 'style'],
+          del:    ['datetime'],
+          details: ['open'],
+          div:    ['class', 'style'],
+          dl:     ['class', 'style'],
+          dt:     ['class', 'style'],
+          em:     ['class', 'style'],
+          font:   ['color', 'size', 'face'],
+          footer: [],
+          h1:     ['class', 'style'],
+          h2:     ['class', 'style'],
+          h3:     ['class', 'style'],
+          h4:     ['class', 'style'],
+          h5:     ['class', 'style'],
+          h6:     ['class', 'style'],
+          header: [],
+          hr:     [],
+          i:      ['class', 'style'],
+          img:    ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'data-latex'],
+          ins:    ['datetime'],
+          li:     ['class', 'style'],
+          mark:   [],
+          nav:    [],
+          ol:     ['class', 'style'],
+          p:      ['class', 'style'],
+          pre:    ['class', 'style'],
+          s:      [],
+          section:[],
+          small:  [],
+          span:   ['class', 'style'],
+          sub:    ['class', 'style'],
+          sup:    ['class', 'style'],
+          strong: ['class', 'style'],
+          table:  ['width', 'border', 'align', 'valign', 'class', 'style'],
+          tbody:  ['align', 'valign', 'class', 'style'],
+          td:     ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
+          tfoot:  ['align', 'valign', 'class', 'style'],
+          th:     ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
+          thead:  ['align', 'valign', 'class', 'style'],
+          tr:     ['rowspan', 'align', 'valign', 'class', 'style'],
+          tt:     [],
+          u:      [],
+          ul:     ['class', 'style'],
+          video:  ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style']
+      }
+  };
+
+  function getUEBasePath(docUrl, confUrl) {
+    return getBasePath(
+      docUrl || self.document.URL || self.location.href,
+      confUrl || getConfigFilePath()
+    );
+  }
+
+  function getConfigFilePath() {
+    var configPath = document.getElementsByTagName("script");
+
+    return configPath[configPath.length - 1].src;
+  }
+
+  function getBasePath(docUrl, confUrl) {
+    var basePath = confUrl;
+
+    if (/^(\/|\\\\)/.test(confUrl)) {
+      basePath =
+        /^.+?\w(\/|\\\\)/.exec(docUrl)[0] + confUrl.replace(/^(\/|\\\\)/, "");
+    } else if (!/^[a-z]+:/i.test(confUrl)) {
+      docUrl = docUrl.split("#")[0].split("?")[0].replace(/[^\\\/]+$/, "");
+
+      basePath = docUrl + "" + confUrl;
+    }
+
+    return optimizationPath(basePath);
+  }
+
+  function optimizationPath(path) {
+    var protocol = /^[a-z]+:\/\//.exec(path)[0],
+      tmp = null,
+      res = [];
+
+    path = path.replace(protocol, "").split("?")[0].split("#")[0];
+
+    path = path.replace(/\\/g, "/").split(/\//);
+
+    path[path.length - 1] = "";
+
+    while (path.length) {
+      if ((tmp = path.shift()) === "..") {
+        res.pop();
+      } else if (tmp !== ".") {
+        res.push(tmp);
+      }
+    }
+
+    return protocol + res.join("/");
+  }
+
+  window.UE = {
+    getUEBasePath: getUEBasePath
+  };
+})();