百度编辑器Ueditor上传附件乱码怎么解决的?

百度编辑器Ueditor上传附件乱码怎么解决的?,第1张

在网页中设置 编码格式

<meta charset="utf-8" />

可能是浏览器设置有问题,用IE浏览器和其他浏览器看没问题,如果排除编码原因,打微软的更新补丁试试。

如果是图片名称使用了中文,很不幸就会出现乱码,解决的方法是:

首页后台要对中文的地方转码两次,再到前端的地方,解码两次,就敬纤好了

前台位置:

文件:\ueditor\dialogs\image\image.html

加上备圆decodeURIComponent(decodeURIComponent(data.info))就好了

// 单个文件上传仿稿塌完成的回调

uploadCompleteCallback: function(data){ try{ var decode_info = decodeURIComponent(decodeURIComponent(data.info))

//本地上传失败的处理 uploadErrorCallback: function (data){...}

同理远程图片,附件上传中文乱码也是这个原理,后台转码两次,前台解码两次。

我配置好的效果大致是这些功能:基本的文字编辑功能、图片上传功能、附件上传功能、百度/谷歌地图搜索截图、视/音频发布功能。这个插件是现今我用过觉得最舒服的编辑器,功能齐全强大,稍微修改下配置即可投放使用,来,走起!

1、最新版的官方插件跟先前的版本不一致,所以我还是用先前的版本, 是今年5、6月份版本。插件包JSP版(utf8编码)

2、瓦公司用eclipse来开发,但是大多数人都是用myeclipse,所以我用myeclipse来演示:首先,新建一个webProject项目

随便起个名字,如a,

把解压后的ueditor插件包复制黏贴到webRoot根目录下

然后打开editor_config.js这个配置文件,一看,瓦擦,乱码!然后点击项目a,按住Ctrl+回车,把项目a的环境从gbk换成utf8编码,

此时乱码问题解决。

然后再这个配置文件的29行,找到URL= window.UEDITOR_HOME_URL||"/t/ueditor/"这句话,改成‘URL= window.UEDITOR_HOME_URL||"/项目名/ueditor/’

即‘URL= window.UEDITOR_HOME_URL||"/a/ueditor/’;

接着修改index.jsp文件,在<head/>上面加入引用的js包和css样式代码:

<script type="text/javascript" charset="utf-8" src="./ueditor/editor_config.js"></script>

<script type="text/javascript" charset="utf-8" src="./ueditor/editor_all.js"></script>

<LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">

然后在<body>标签里加入瓦调好的编辑器代码,如下梁轿:

<div align="center">

<textarea id="newsEditor" name="content"></textarea>

<br/>

<input type="submit" value="发布圆渣冲" >

<script type="text/javascript">

UE.getEditor('newsEditor')

</script>

lt/div>

保存的时候把首行的pageEncoding="ISO-8859-1"改为pageEncoding="utf-8",即可保存

部署上传,然后浏览器打开http://localhost:8888/a/,我设置的端口是8888,大多数人用的都是橘歼http://localhost:8080/a/

网上看到很多朋友问这个问题。回答也杂七杂八。

首先出现乱码以后检查你是否调用了语言包,如果没有调用,请调用,如果调用了,还有乱码,那么检查中文包的编码是否与您的网站编码匹配。如果以上都没问题,进行下一步,调用英文包,看看是否正常。我想到这逗陪里很多同学都明白了。

补充雹逗一个小经验,曾经帮过好几个朋友,尤其是使用PHP的源指卖同学、尤其是DEDE。ueditor的中文包名称是zh-cn\zh-cn.js,我们将文件夹及js文件重新命名,去掉“-”-,例如zhcn\zhcn.js。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12234455.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存