index.jsp主要代码：
<html>

  <head>

    <title>网页编辑器</title>

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

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

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

     <span style="white-space:pre">  </span>window.UEDITOR_HOME_URL = "/ueditor03/ueditor";

    </script>  
  </head>

  <body>

    <div align="center">

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

         <br/>

       <script type="text/javascript">

          var editor = new UE.ui.Editor({initialFrameHeight:1000,initialFrameWidth:1000 });

          editor.render('newsEditor');

         /*   UE.getEditor('newsEditor'); 上面的代码是设置网页编辑器的宽和高的，也就是大小。没有要求的话直接引用备注里的代码就可以  */

   </script>

   </div>

  </body>

</html>
  • 打开editor_config.js配置文件
  • 配置路径var URL = window.UEDITOR_HOME_URL || "/ueditor03/ueditor/";       此处ueditor03是个人项目名称
  • 注意index.jsp代码中的引用和body中的代码，因为ueditor版本的不同，要进行相对应的修改，具体情况具体分析。
  • 到此可以发布运行项目，浏览器中可以进行编辑器的使用了！
  • 从ckeditor、ueditor和一些动态的模板中的编辑器来看，ckeditor是引用代码，修改代码最简单，代码最具有普遍性的，但是一些功能还是不够完善；ueditor是百度的一款网页编辑器，不得不说，功能非常多且方便，但是版本太多，开发者使用的时候，要根据版本的不同进行相应的引用修改，实际上引用的代码也是大同小异的。
  • 一些动态模板中的编辑器，颜色样式很好看，更侧重于美化，适当的时候可以更贴切整个系统的主题；一般功能都是最基础的，侧重于编辑比较少的文字内容；
  • 另，下了一个浮动样式的编辑器，选择文字就弹出编辑框。但是遗憾的是，引用到系统中，并不好用，更适合作为一种已经写好的文字的格式修改方式；
  • 后面会继续总结ueditor的一些使用方法和特点~~

Ueditor百度网页编辑器开发者版java utf-8的使用的更多相关文章

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

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

  2. 前后端分离ueditor富文本编辑器的使用-Java版本

    最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j ...

  3. JSP版（utf8编码）的Ueditor百度文章编辑器配置以及使用说明

    二话不说,先上图: 我配置好的效果大致是这些功能:基本的文字编辑功能.图片上传功能.附件上传功能.百度/谷歌地图搜索截图.视/音频发布功能.这个插件是现今我用过觉得最舒服的编辑器,功能齐全强大,稍微修 ...

  4. 百度ueditor富文本编辑器的使用

    百度ueditor富文本编辑器的使用 //以下为我在官网下载的ueditor v1.3.5 php版的大楷配置步骤第一步: //配置文件的引入应该比功能文件先引入,最后设置语言类型.即:editor. ...

  5. 在ASP.NET Core中使用百度在线编辑器UEditor

    在ASP.NET Core中使用百度在线编辑器UEditor 0x00 起因 最近需要一个在线编辑器,之前听人说过百度的UEditor不错,去官网下了一个.不过服务端只有ASP.NET版的,如果是为了 ...

  6. ASP.NET MVC5 中百度ueditor富文本编辑器的使用

    随着网站信息发布内容越来越多,越来越重视美观,富文本编辑就是不可缺少的了,众多编辑器比较后我选了百度的ueditor富文本编辑器. 百度ueditor富文本编辑器分为两种一种是完全版的ueditor, ...

  7. 在ASP.NET Core2.0中使用百度在线编辑器UEditor(转)

    一.起因 UEditor是百度旗下的富文本编辑器,对于后端上传处理仅提供了Asp.Net 版的支持. 如果想在.Net Core项目中使用,那么后台上传接口需要重构. UEditorNetCore:百 ...

  8. JAVA SpringBoot2 整合 JSP视图模板 整合 Ueditor富文本编辑器

    一般涉及到后台管理系统,就少不了富文本编辑器,这个可以图,文,视频混排的高级工具,笔者通过对比,发现目前市场上最好的三方库还当属百度的 ueditor 近年来 SpringBoot 框架可谓越来越火, ...

  9. UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

    UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效 ...

随机推荐

  1. C#创建socket服务

    1.新建windows服务,名称(WebSendMsgSocket,注意检查属性-版本号)  双击Service1.cs打开设计视图,在设计视图中右键,选择添加安装程序   安装serviceProc ...

  2. R平方

    参考其他网页 通常R2越大越好,但看到亦在后面标上P值,这两者之间有何联系? R2和p值没有必然联系.就像你做线性分析和(单因素或多因素)方差分析一样,若A和K线性相关,也有可能A对K么有显著性影响一 ...

  3. Jquery表单提交后获取返回Json值

    1.给form添加id值: <form action="/News/SaveMessage" method="post" accept-charset=& ...

  4. 【Java EE 学习 16 上】【dbcp数据库连接池】【c3p0数据库连接池】

    一.回顾之前使用的动态代理的方式实现的数据库连接池: 代码: package day16.utils; import java.io.IOException; import java.lang.ref ...

  5. MIT 6.828 JOS学习笔记5. Exercise 1.3

    Lab 1 Exercise 3 设置一个断点在地址0x7c00处,这是boot sector被加载的位置.然后让程序继续运行直到这个断点.跟踪/boot/boot.S文件的每一条指令,同时使用boo ...

  6. 在visual studio2015中使用easyX画图

    配置:解压EasyX压缩包: 将文件内的include,lib,lib/amd64下的文件拷贝到visualstudio中VC文件夹内对应的地方: 然后再执行上图中的Setup.hta进行安装: 在v ...

  7. requirejs：模块加载(require)及定义(define)时的路径小结

    原文地址:http://www.tuicool.com/articles/7JBnmy 接触过requirejs的童鞋可能都知道,无论是通过define来定义模块,还是通过require来加载模块,模 ...

  8. MFC的本质

    一.引言 上一专题中,纯手动地完成了一个Windows应用程序,然而,在实际开发中,我们大多数都是使用已有的类库来开发Windows应用程序.MFC(Microsoft Foundation Clas ...

  9. Windows程序内部运行机制 转自http://www.cnblogs.com/zhili/p/WinMain.html

    一.引言 要想熟练掌握Windows应用程序的开发,首先需要理解Windows平台下程序运行的内部机制,然而在.NET平台下,创建一个Windows桌面程序,只需要简单地选择Windows窗体应用程序 ...

  10. jquery 抽奖示例

    jquery 抽奖示例: <%@ page language="java" import="java.util.*" pageEncoding=" ...