美文网首页前端杂记
UEdiotr 表格设置自定义属性无法保存

UEdiotr 表格设置自定义属性无法保存

作者: 永远的八神 | 来源:发表于2019-03-26 17:05 被阅读0次

项目中在编辑器里面放置table,添加了一些自定义的属性,后面发现保存后自定义的属性不见了,很奇怪

image.png

上图添加了fieldId属性

image.png

切换视图

image.png

再切换回来这个属性就不见了

后面翻源码才发现是有个xss过滤白名单,在这个名单之外的属性都会被移除,具体在配置文件ueditor.config.js 360行,可以自行更改每个元素的白名单,代码如下:

// 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', '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']
        }

相关文章

  • UEdiotr 表格设置自定义属性无法保存

    项目中在编辑器里面放置table,添加了一些自定义的属性,后面发现保存后自定义的属性不见了,很奇怪 上图添加了fi...

  • Web-API-02

    排他操作 排他思想 所有元素全部清除样式 给当前元素设置样式 案例:表格隔行变色 案例:全选 自定义属性操作 设置...

  • table 样式

    表格常见 CSS 样式设置 一、 相关属性 合并表格的属性 (HTML 属性)colspan="number" /...

  • android 自定义属性

    AttributeSet保存的是在布局里面设置的属性,但是无法拿到引用 typedArray可以拿到指定的属性 <...

  • CSS 表格属性

    表格属性 CSS表格属性用于设置HTML表格的样式,HTML表格由 标签嵌套 , , 等标签组成,一个HTML...

  • css样式——表格篇

    CSS 表格属性可以帮助您极大地改善表格的外观。 表格边框 如需在 CSS 中设置表格边框,请使用border属性...

  • PyCharm - 无法保存设置 - 保存设置失败

    被这个问题烦到了!Pycharm设置添加解释器一直无法保存,提示# PyCharm - 无法保存设置 - 保存设置...

  • table表格的使用

    01表格-table常见元素 table tr td 02表格-tr和td相关属性设置 03表格-边框合并属性 b...

  • CSS 表格样式

    本节我们来学习表格样式,通过 CSS 中的属性可以设置表格的外观,例如表格边框样式、颜色、间距等。 设置表格边框 ...

  • iPhone无法保存WIFI/HTTP Proxy设置

    iPhone无法保存WIFI/HTTP Proxy设置iPhone无法保存网络代理设置 https://discu...

网友评论

    本文标题:UEdiotr 表格设置自定义属性无法保存

    本文链接:https://www.haomeiwen.com/subject/ezlnvqtx.html