jsp引入js文件乱码,ueditor富文本编辑器乱码,前端界面乱码解决方法

标签: Java  java  乱码  编码学  web  js

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
结果终于解决!成果如下:
没乱码
这次乱码也是罕见!页面组件不乱码,组件拖到编辑器的路途中也没乱码,一放入编辑器就乱码…
不过最近将乱码问题也基本解决了个大概,都和大家分享了!乱码归根结底还是编码不统一!
好啦!如果大家觉得我的方案可以帮助到你!记得关注一波哈!以后还会继续在这分享开发中的问题和好的实战心得!感谢大家!

版权声明:本文为u010511598原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u010511598/article/details/104289615