ueditor java xss_富文本编辑器防xss攻击

在平时的开发中，有时需要引入富文本编辑器，由用户来输入信息并保存入数据库。而这也给项目留下了潜在的隐患，如果不在开发时就做好防范，则很容易受到相应的攻击。

对于常见的web安全问题，可以参考 web安全(入门篇)

现在针对富文本编辑器如何防止xss攻击，给出几点建议，也供自己以后查找：

推荐使用UEditor

使用ESAPI

推荐使用UEditor

在多个项目中使用了UEditor，在使用上比较顺手，而且它一直在更新维护，最重要的是它注重修复其潜在的xss漏洞。这将有效的防止xss攻击。

使用ESAPI

针对不同的开发语言，ESAPI有多个不同版本相对应。比如Java,PHP,.NET,Python,Classic ASP,Cold Fusion,Node

以node为例

node-esapi is a minimal port of the ESAPI4JS (Enterprise Security API for JavaScript) encoder.

-Installation

$ npm install node-esapi

-Usage

var ESAPI = require('node-esapi');

ESAPI.encoder().encodeForHTML('

This is a test

');

-Encoder Functions

The encoder() returns an object with the following main functions:

encodeForHTML

encodeForCSS

encodeForJS = encodeForJavaScript = encodeForJavascript

encodeForURL

encodeForHTMLAttribute

encodeForBase64

-Middleware

The ESAPI has a function for creating express middleware to serve client side scripts of ESAPI.

app.use(ESAPI.middleware());

// Now in your HTML you can do

org.owasp.esapi.ESAPI.initialize();

//Here you have access to the $ESAPI object and can do

$ESAPI.encoder().encodeForHTML('

This is a test

');

node防xss还有一个可选用的插件 –xss

-安装

NPM

$ npm install xss

Bower

$ bower install xss

或者

$ bower install https://github.com/leizongmin/js-xss.git

-使用方法

-在Node.js中使用

var xss = require('xss');

var html = xss('');

console.log(html);

-在浏览器端使用

Shim模式(参考文件 test/test.html):

// 使用函数名 filterXSS，用法一样

var html = filterXSS('

alert(html);

AMD模式(参考文件 test/test_amd.html):

require.config({

baseUrl: './',

paths: {

xss: 'https://raw.github.com/leizongmin/js-xss/master/dist/xss.js'

},

shim: {

xss: {exports: 'filterXSS'}

}

});

require(['xss'], function (xss) {

var html = xss('

alert(html);

});