官网：http://ueditor.baidu.com/website/

配置下就可以使用

（1）下载，解压后文件结构如下：

（2）将整个文件夹改名ueditor后复制到WebRoot目录下：

（3）将“jsp”文件夹下面的两个jar文件直接拖到WEB-INF下面的lib文件夹中。

（4）index.jsp代码如下： 

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>My JSP 'index.jsp' starting page</title>
  5. <!-- 配置文件 -->
  6. <script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
  7. <!-- 编辑器源码文件 -->
  8. <script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
  9. <!-- 语言包文件(建议手动加载语言包，避免在ie下，因为加载语言失败导致编辑器加载失败) 此处可要可不要 -->
  10. <script type="text/javascript" src="./ueditor/lang/zh-cn/zh-cn.js"></script>
  11. </head>
  12. <body>
  13. <script id="container" name="content" type="text/plain">这里写你的初始化内容</script>
  14. <script type="text/javascript">  <!-- 此段代码只可以写到后面-->
  15.    var editor = UE.getEditor('container');
  16. </script>
  17. </body>
  18. </html>

或者用下面一种方式：在有么加载的时候初始化

  1. window.onload = function() {
  2.   var ue = UE.getEditor('detail');
  3. }
  4. <div>
  5.  <textarea name="detail" id="detail"></textarea>
  6. </div>

如果是修改页面，获得内容：

  1. window.onload = function() {
  2.   var ue = UE.getEditor('detail');
  3. }
  4. <div>
  5.  <textarea name="detail" id="detail">$detail</textarea>
  6. </div>
  7.  
  8. //获得编辑器中的纯文本内容
    var detail  = UE.getEditor('detail').getContentTxt();

初始化编辑器的时候添加参数：

  1. <script type="text/javascript">
  2.     window.onload = function() {
  3.          var ue = UE.getEditor('memoDetail',{
  4.              maximumWords:200，
    　　　　　　　 elementPathEnabled : false
  5.          });
  6.     }
  7. </script>

（5）图片保存路径修改：

jsp下面的config.json文件，修改图片的上传路径和格式限制

  1. "imagePathFormat": "/userfiles/ueditor/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */

（6）编辑器工具栏： 

UEditor1.4.3的实例程序的更多相关文章

  1. C# 实现单实例程序

    在我们经常使用的软件中,当我们已经打开后,再次打开时,有的软件不会出现两个.例如有道词典,会将上次的界面显示出来,或者提示我们“该程序已经运行...”.我通过一个简单的C# WPF例子来说明. 首先我 ...

  2. tesseract ocr文字识别Android实例程序和训练工具全部源代码

    tesseract ocr是一个开源的文字识别引擎,Android系统中也可以使用.可以识别50多种语言,通过自己训练识别库的方式,可以大大提高识别的准确率. 为了节省大家的学习时间,现将自己近期的学 ...

  3. Android L Camera2 API 使用实例程序汇总

    在网上发现几个使用Camera API2开发的实例程序,总结一下方便后续参考: 1.Camera2 Basic : https://github.com/googlesamples/android-C ...

  4. Delphi XE5教程3：实例程序

    内容源自Delphi XE5 UPDATE 2官方帮助<Delphi Reference>,本人水平有限,欢迎各位高人修正相关错误! 也欢迎各位加入到Delphi学习资料汉化中来,有兴趣者 ...

  5. Node.js入门实例程序

    在使用Node.js创建实际“Hello, World!”应用程序之前,让我们看看Node.js的应用程序的部分.Node.js应用程序由以下三个重要组成部分: 导入需要模块: 我们使用require ...

  6. C#网络编程TCP通信实例程序简单设计

    C#网络编程TCP通信实例程序简单设计 采用自带 TcpClient和TcpListener设计一个Tcp通信的例子 只实现了TCP通信 通信程序截图: 压力测试服务端截图: 俩个客户端链接服务端测试 ...

  7. Android实例-程序切换到后台及从后台切换到前台

    相关资料: http://www.delphitop.com/html/Android/2933.html 程序包下载: http://download.csdn.net/detail/zhujian ...

  8. Android实例-程序界面内截取屏幕(XE8+小米2)

    结果: 1.只能截取程序界面内的图片. 2.图片有点不清楚,自己设置清楚度. 实例代码: unit Unit1; interface uses System.SysUtils, System.Type ...

  9. C#使用 SQLite 数据库 开发的配置过程及基本操作类，实例程序：工商银行贵金属行情查看小工具

    --首发于博客园, 转载请保留此链接  博客原文地址 本文运行环境: Win7 X64, VS2010 1. SQLite 的优点: SQLite 是一款轻型数据库,开发包只有十几M, 相对于 MSS ...

随机推荐

  1. TCP协议怎么关闭？

    TCP协议是一个面向连接的传输层协议,那如果避免遭到破坏,该怎样正确关闭呢?一般正常关闭TCP连接是采用四次挥手机制,其实主体就两个,客户端和服务器交互传递,且连续四次,传递的东西是FIN数据包和AC ...

  2. DB2 学习--(1)--安装教程

    db2 linux 安装部署 1 解压文件 tar -zxvf db2_v101_linuxx64_expc.tar.gz 2 切换路径 cd expc/ 3 启动安装程序 ./db2_install ...

  3. 【MySQL】全量+增量的备份/恢复

    生产环境中,有时需要做MySQL的备份和恢复工作.因MySQL是在运行过程中的,做全量备份需要时间,全量备份完成后又有数据变动,此时需要增量备份辅助.如果想恢复数据到一个空库(例如数据迁移或者上云等更 ...

  4. PostgreSQL - 查询表结构和索引信息

    前言 PostgreSQL的表一般都是建立在public这个schema下的,假如现在有个数据表t_student,可以用以下几种方式来查询表结构和索引信息. 使用\d元命令查看表字段信息和索引信息 ...

  5. Zynq7000开发系列-5（OpenCV开发环境搭建：Ubuntu、Zynq）

    操作系统:Ubuntu14.04.5 LTS 64bit OpenCV:OpenCV 3.1.0.opencv_contrib gcc:gcc version 4.8.4 (Ubuntu 4.8.4- ...

  6. 使用express+mongoDB搭建多人博客 学习（4）登录与登出

    登录 修改index.ejs <%- include header %> <% if(locals.error){ %> <span><%= locals.e ...

  7. ASP.NET AJAX入门系列（5）：使用UpdatePanel控件（二）

    UpdatePanel可以用来创建丰富的局部更新Web应用程序,它是ASP.NET 2.0 AJAX Extensions中很重要的一个控件,其强大之处在于不用编写任何客户端脚本,只要在一个页面上添加 ...

  8. Java虚拟机（JVM），JDK，JRE和JVM的区别——通过示例学习Java编程（2）

    Java虚拟机(JVM),JDK,JRE和JVM的区别 作者:CHAITANYA SINGH 来源:https://www.koofun.com/pro/kfpostsdetail?kfpostsid ...

  9. 惊人的CSS和JavaScript动画logos例子

    https://codepen.io/lindell/pen/mEVgJP Stack Overflow logo是我最喜欢的logo之一,因为它非常简单,但易于识别.并且这个片段动画点击预览Stac ...

  10. leetcode140 Word Break II

    思路: 直接爆搜会超时,需要使用记忆化搜索.使用map把已经计算过的情况记录下来,避免重复计算. 实现: class Solution { public: vector<string> w ...