jsp引入js文件乱码,ueditor富文本编辑器乱码,前端界面乱码解决方法
各位好!这几天都在处理乱码的问题,包括今天,又遇到一起乱码问题,先和大家简单说下情况,编码都是统一UTF-8的。
1、JSP文件中标识了UTF-8编码的:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
......
</head>
......
</html>
2、Tomcat安装目录中的conf目录下的server.xml按如下标识UTF-8编码的:
<?xml version="1.0" encoding="UTF-8"?>
<Server port="8005" shutdown="SHUTDOWN">
......
<Connector port="8080" protocol="HTTP/1.1"
connectionTimeout="20000"
redirectPort="8443" URIEncoding="UTF-8" />
......
</Server>
3、web.xml按如下格式处理为UTF-8编码的
......
<filter>
<filter-name>encodingFilter</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encodingFilter</filter-name>
<url-pattern>/*</url-pattern>
<dispatcher>REQUEST</dispatcher>
<dispatcher>FORWARD</dispatcher>
</filter-mapping>
......
4、MySQL也创建为UTF-8编码格式的数据库
5、js文件也是UTF-8编码格式的
6、JSP引入js文件也标识了引入为UTF-8编码的
<script type="text/javascript" charset="utf-8" src="${ctx }/js/xxx.js"></script>
可是结果还是乱码,附上乱码的图片给大家看:
但是归根结底,乱码肯定是编码不同意,这里的小组件,提示等都以中文写在js文件中,所以我就把目标放到js文件中了,我试了各种保存UTF-8,GBK啥的啥的都不行,包括改好后,覆盖重启Tomcat好多次,还是照样乱码!
最后经过几个小时的研究,挖掘出解决方案,而且必须一步一步遵守来,才可以解决:
①、新建一个文本文件,将js里的代码都复制,粘贴到新建的文本文件中
②、另存为ANSI编码,如下图:
③、我测试的是用eclipse和MyEclipse,它不同于IDEA打包项目的方式,所以先必须删除原先的xxx.js文件(非常重要,如果直接覆盖,还是乱码!!!),然后将新建的文本文件另存为的xxx.js复制到原先删除掉的js文件的目录下
④、将原先JSP引入js的那段代码改为
<script type="text/javascript" src="${ctx }/js/xxx.js"></script>
(即去掉charset=“utf-8” )
⑤、重启Tomcat
结果终于解决!成果如下:
这次乱码也是罕见!页面组件不乱码,组件拖到编辑器的路途中也没乱码,一放入编辑器就乱码…
不过最近将乱码问题也基本解决了个大概,都和大家分享了!乱码归根结底还是编码不统一!
好啦!如果大家觉得我的方案可以帮助到你!记得关注一波哈!以后还会继续在这分享开发中的问题和好的实战心得!感谢大家!