原标题:富文本域数据保存到数据库
《富文本域数据保存到数据库》,这个标题感觉还不够清晰明了。只好再赘述一遍了,前端使用了bootstrap的wysiwyg富文本组件,然后就是不知道怎么保存图片,图片数据提交到数据库后,在前端无法显示
普通做法
functionhtml_encode(str){vars = ""; if(str.length == 0) return""; s = str.replace( /&/g, ">"); s = s.replace( /, "/g, ">"); s = s.replace( / /g, " "); s = s.replace( /\'/g, "'"); s = s.replace( /\"/g, """); s = s.replace( /\n/g, "
"); returns; } functionhtml_decode(str){vars = ""; if(str.length == 0) return""; s = str.replace( />/g, "&"); s = s.replace( //g, ">"); s = s.replace( / /g, " "); s = s.replace( /'/g, "\'"); s = s.replace( /"/g, "\""); s = s.replace( /
/g, "\n"); returns; }123456789101112131415161718192021222324252627
一般情况下,使用上面两个方法对html数据进行编码和解码,但是对于图片的保存却无能为力。
jquery.
这个插件非常好用,并且其提供了index.html例子,经过试验用起来是完全解决了图片数据保存和中文的问题。
第一步,引入jquery..js。
< type="text/java"src="${ctx}/components/jquery/jquery..js">1
第二步,编码数据提交表单
var$this= $(this);vareditor ="";$form.append(editor);1234
第三步,解码数据显示
$('#editor').html($..atob(deion,true));1
1. 数据库字段为deionlongtext NOT NULL COMMENT ‘项目详细描述’,
2. $..utf8encode = true;设置utf编码,确保中文不乱码。
展示
见http://blog.csdn.net/qing_gee/article/details/49331543
结语:如果你还需要更多的代码示例,请参照如何封装form表单中富文本编辑器bootstrap wysiwyg到jfinal传递参数
责任编辑: