xms Management System Framework

The chart.config.js file defines a collection of configuration presets (typeConfig) for different chart types used within the UEditor charts dialog. Each object in the typeConfig array specifies a chart.type and associated plotOptions to customize behavior such as data labels, mouse tracking, and visual styles for specific chart categories (line, area, bar, column, and pie).

var typeConfig = [
    {
        chart: {
            type: 'line'
        },
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: false
                },
                enableMouseTracking: true
            }
        }
    }, 
    // ... other configurations
    {
        chart: {
            type: 'pie'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function () {
                        return '<b>' + this.point.name + '</b>: ' + (Math.round(this.point.percentage * 100) / 100) + ' %';
                    }
                }
            }
        }
    }
];

The toolbars option in window.UEDITOR_CONFIG defines the buttons and dropdowns available in the editor's toolbar. It accepts an array of arrays, where each inner array represents a row of tools. You can customize the toolbar by including or excluding specific command names. This can also be overridden during the instantiation of a specific editor instance.

window.UEDITOR_CONFIG = {
    toolbars: [[
        'fullscreen', 'source', '|', 'undo', 'redo', '|',
        'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|',
        'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
        'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
        'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
        'directionalityltr', 'directionalityrtl', 'indent', '|',
        'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
        'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
        'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'pagebreak', 'template', 'background', '|',
        'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
        'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
        'print', 'preview', 'searchreplace', 'drafts', 'help'
    ]]
};

UEditor provides built-in XSS (Cross-Site Scripting) protection. You can enable or disable these filters and define a custom whitelist of allowed tags and attributes in window.UEDITOR_CONFIG.

Key security settings:

• xssFilterRules: Enables/disables XSS filtering for insertHtml operations.
• inputXssFilter: Enables/disables XSS filtering for input.
• outputXssFilter: Enables/disables XSS filtering for output.
• whitList: An object mapping HTML tags to an array of allowed attributes (e.g., a: ['target', 'href', 'title', 'class', 'style']).

window.UEDITOR_CONFIG = {
    xssFilterRules: true,
    inputXssFilter: true,
    outputXssFilter: true,
    whitList: {
        iframe: ['frameborder', 'border', 'marginwidth', 'marginheight', 'width', 'height', 'src', 'id'],
        a: ['target', 'href', 'title', 'class', 'style'],
        img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', '_url', 'loadingclass', 'class', 'data-latex'],
        // ... other tags
    }
};

The following options control the core behavior and UI of the editor instance: