二话不说,先上图:

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

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样式代码:

  1. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_config.js"></script>
  2. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_all.js"></script>
  3. <LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">

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

  1. <div align="center">
  2. <textarea id="newsEditor" name="content"> </textarea>
  3. <br/>
  4. <input type="submit" value="发布" >
  5. <script type="text/javascript">
  6. UE.getEditor('newsEditor');
  7. </script>
  8. lt;/div>

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

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

效果图就这样。时间关系,先整理到此,今晚回家有时间再整理图片以及其他的设置文档。

JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明的更多相关文章

  1. Javascript - ExtJs - 整合百度文章编辑器

    ExtJs - 整合百度文章编辑器(ExtJs UEditor) 第一步:去官网下载最新版本的UEditor,UEditor下载. 第二步:在编辑器根目录创建一个Extjs-Editor.js,录入以 ...

  2. UEditor百度网页编辑器JSP版配置与调试

    最近用公司后台时发现那编辑器还难用,就想着给它换一个.在网上找了下资料也对比了一下,后决定用百度的UEditor. 在UEditor官网下载了一个开发版1.4.3.3Jsp 版本UTF-8编码的压缩包 ...

  3. Ueditor百度网页编辑器开发者版java utf-8的使用

    index.jsp主要代码: <html> <head> <title>网页编辑器</title> <script type="text ...

  4. 检测当前的语言环境是否使用了 UTF-8 编码(三篇文章:先用setlocale()设置编码,再用nl_langinfo()进行检测。locale对象可以使用langLocale.name() == "zh_CN"判断)

    C/C++程序中,locale(即系统区域设置,即国家或地区设置)将决定程序所使用的当前语言编码.日期格式.数字格式及其它与区域有关的设置,locale设置的正确与否将影响到程序中字符串处理(wcha ...

  5. Tomcat7.0/8.0 详细安装配置图解,以及UTF-8编码配置

    Tomcat7.0/8.0 详细安装配置图解,以及UTF-8编码配置 2017年01月24日 10:01:48 阅读数:51265 标签: tomcattomcat安装tomcat配置tomcat编码 ...

  6. JAVA ,SSH中文及其乱码问题的解决 6大配置点 使用UTF-8编码

    JSP,mysql,tomcat下(基于struts2)中文及其乱码问题的解决 6大配置点 使用UTF-8编码 目前对遇到J2EE 开发中 中文及其乱码问题,参考网上资料做个总结, 主要是6大配置点: ...

  7. 关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手

    关于富文本编辑器ueditor(jsp版)上传文件到阿里云OSS的简单实例,适合新手   本人菜鸟一枚,最近公司有需求要用到富文本编辑器,我选择的是百度的ueditor富文本编辑器,闲话不多说,进入正 ...

  8. jsp版ueditor图片在线管理返回绝对路径

    引用:http://zhengyunfei.iteye.com/blog/2149979 如果你有富文本编辑器的功能需要开发,我推荐你用百度的ueditor.本文将与你分享jsp版ueditor开发中 ...

  9. myeclipse学习总结一(在MyEclipse中设置生成jsp页面时默认编码为utf-8编码)

    1.每次我们在MyEclispe中创建Jsp页面,生成的Jsp页面的默认编码是"ISO-8859-1".在这种情况下,当我们在页面中编写的内容存在中文的时候,就无法进行保存.如下图 ...

随机推荐

  1. sql join 用法

    SQL JOIN 的用法   关于sql语句中的连接(join)关键字,是较为常用而又不太容易理解的关键字,下面这个例子给出了一个简单的解释 --建表table1,table2:create tabl ...

  2. Swift(三.函数)

    一.swift中的函数分为以下几类吧 1>无参无返   2>无参有返 3>有参无返  4>有参有返  5>有参多返 二.看下面几个例子吧 1>无参无返 func a ...

  3. Axure草记

    页面控件和DataSet绑定,DataSet和输入控件绑定(通过临时变量) 双击Repeater进入之后,你会发现下面已经默认添加了3行,这代表着,每增加一行将会重复3遍: Repeater可以只是部 ...

  4. C#中数据库连接的配置文件

    在C#2010中,如何保存和访问数据库的连接字符串呢? 在Winform下要新增App.config文件,在Asp.net下要新增web.config文件. 1.打开配置文件添加相关代码后如下即可: ...

  5. Cloud Insight 客户案例-晨芯时代科技有限公司

    在不断迭代的过程中,Cloud Insight 也很重视客户对产品的使用体验,这次我们拜访了晨芯时代,了解到他们在使用 Cloud Insight 过程中对产品的一些想法. 客户背景 晨芯时代是一家开 ...

  6. 【网络流24题】 No.10 餐巾计划问题 (线性规划网络优化 最小费用最大流)

    [题意] 一个餐厅在相继的 N 天里, 每天需用的餐巾数不尽相同. 假设第 i 天需要 ri 块餐巾(i=1,2,-, N). 餐厅可以购买新的餐巾,每块餐巾的费用为 p 分:或者把旧餐巾送到快洗部, ...

  7. SPRING IN ACTION 第4版笔记-第三章ADVANCING WIRING-005-Bean的作用域@Scope、ProxyMode

    一. Spring的bean默认是单例的 But sometimes you may find yourself working with a mutable class that does main ...

  8. 裸眼3D立体显示技术原理详解

    众所周知,现实世界是一个三维空间,除去时间这一维度,现实世界是由长度.宽度和高度三个维度组成,我们每天就生活在这个三维世界中,而现有的显示设备大多数都只能显示二维信息,并不能带给人真实的三维感觉.为了 ...

  9. 如何用Python从本地将一个文件备份到Google Drive

    1.要有一个Google App账号: 这个可以上网上去申请,申请地址为:https://developers.google.com/appengine/?hl=zh-cn 2.创建一个Google ...

  10. POJ_2104_Kth_(主席树)

    描述 http://poj.org/problem?id=2104 给出一个n个数的数列,m次询问,每次询问求区间[l,r]中第k小的数,无修改操作. K-th Number Time Limit: ...