JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明
二话不说,先上图:
我配置好的效果大致是这些功能:基本的文字编辑功能、图片上传功能、附件上传功能、百度/谷歌地图搜索截图、视/音频发布功能。这个插件是现今我用过觉得最舒服的编辑器,功能齐全强大,稍微修改下配置即可投放使用,来,走起!
1、最新版的官方插件跟先前的版本不一致,所以我还是用先前的版本, 是今年5、6月份版本。插件包JSP版(utf8编码)下载地址http://download.csdn.net/detail/jk33220/5798407(1分不算多吧,^_^,我的金币较少,赞助我点金币哈,评论即可获得1分)
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/
效果图就这样。时间关系,先整理到此,今晚回家有时间再整理图片以及其他的设置文档。
JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明的更多相关文章
- Javascript - ExtJs - 整合百度文章编辑器
ExtJs - 整合百度文章编辑器(ExtJs UEditor) 第一步:去官网下载最新版本的UEditor,UEditor下载. 第二步:在编辑器根目录创建一个Extjs-Editor.js,录入以 ...
- UEditor百度网页编辑器JSP版配置与调试
最近用公司后台时发现那编辑器还难用,就想着给它换一个.在网上找了下资料也对比了一下,后决定用百度的UEditor. 在UEditor官网下载了一个开发版1.4.3.3Jsp 版本UTF-8编码的压缩包 ...
- Ueditor百度网页编辑器开发者版java utf-8的使用
index.jsp主要代码: <html> <head> <title>网页编辑器</title> <script type="text ...
- 检测当前的语言环境是否使用了 UTF-8 编码(三篇文章:先用setlocale()设置编码,再用nl_langinfo()进行检测。locale对象可以使用langLocale.name() == "zh_CN"判断)
C/C++程序中,locale(即系统区域设置,即国家或地区设置)将决定程序所使用的当前语言编码.日期格式.数字格式及其它与区域有关的设置,locale设置的正确与否将影响到程序中字符串处理(wcha ...
- Tomcat7.0/8.0 详细安装配置图解,以及UTF-8编码配置
Tomcat7.0/8.0 详细安装配置图解,以及UTF-8编码配置 2017年01月24日 10:01:48 阅读数:51265 标签: tomcattomcat安装tomcat配置tomcat编码 ...
- JAVA ,SSH中文及其乱码问题的解决 6大配置点 使用UTF-8编码
JSP,mysql,tomcat下(基于struts2)中文及其乱码问题的解决 6大配置点 使用UTF-8编码 目前对遇到J2EE 开发中 中文及其乱码问题,参考网上资料做个总结, 主要是6大配置点: ...
- 关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手
关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手 本人菜鸟一枚,最近公司有需求要用到富文本编辑器,我选择的是百度的ueditor富文本编辑器,闲话不多说,进入正 ...
- jsp版ueditor图片在线管理返回绝对路径
引用:http://zhengyunfei.iteye.com/blog/2149979 如果你有富文本编辑器的功能需要开发,我推荐你用百度的ueditor.本文将与你分享jsp版ueditor开发中 ...
- myeclipse学习总结一(在MyEclipse中设置生成jsp页面时默认编码为utf-8编码)
1.每次我们在MyEclispe中创建Jsp页面,生成的Jsp页面的默认编码是"ISO-8859-1".在这种情况下,当我们在页面中编写的内容存在中文的时候,就无法进行保存.如下图 ...
随机推荐
- Mysql安装过程(linux:2.6.18-194.el5,Mysql:)
1.安装[root@RAC2 mysql]# rpm -ivh MySQL-server-5.6.12-2.rhel5.x86_64.rpm Preparing... ################ ...
- C图书借还示例
以后要搞C了先自己练习一下,系统本身没有太大的实际用途,只是用来磨练编程规范,不足之处还望大家多多指正 .互相交流共同进步. 为了方便只使用了一个 book.c 文件,在vc6 下编译通过,其他编译器 ...
- jquery经验1
1.Javascript刷新页面的几种方法: location.reload()// 真刷新 location=location location.assign(location) document. ...
- 解决Android SDK Manager更新(一个更新Host的程序的原理实现和源码)
<ignore_js_op> 同学遇到了更新Android SDK的问题,而且Goagent现在也无法用来更新.就想到了用替代Host的方法,添加可用的谷歌地址来实现更新. ...
- 递归-快速排序quickSort
现在对“6 1 2 7 9 3 4 5 10 8”这个10个数进行排序.首先在这个序列中随便找一个数作为基准数.为了方便,就让第一个数6作为基准数吧.接下来,需要将这个序列中所有比基准数 ...
- Android之EditText组件学习
一.基础学习 1.Button是TextView的一个子类,所以按钮本身是一个特殊的文本,属性和TextView相似 2.EditText类似html里的input type="text&q ...
- BZOJ 1641: [Usaco2007 Nov]Cow Hurdles 奶牛跨栏
Description Farmer John 想让她的奶牛准备郡级跳跃比赛,贝茜和她的伙伴们正在练习跨栏.她们很累,所以她们想消耗最少的能量来跨栏. 显然,对于一头奶牛跳过几个矮栏是很容易的,但是高 ...
- 有关TCP和UDP 粘包 消息保护边界
http://www.cnblogs.com/lancidie/archive/2013/10/28/3392428.html 在socket网络程序中,TCP和UDP分别是面向连接和非面向连接的.因 ...
- 安装Chive提示CDbConnection failed to open the DB connection.
最近初学PHP,看到Chive这个好玩的数据库管理工具,在登录时遇到这样的错误提示信息: CDbConnection failed to open the DB connection. 我的PHP版本 ...
- Linux协议栈函数调用流程
普通网络驱动程序中必须要调用的函数是eth_type_trans(略),然后向上递交sk_buff时调用netif_rx()(net/core/dev.c).其函数中主要几行 __skb_queue_ ...