UEditor使用说明
页面加入ue
<!-- umeditor -->
<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js"></script>
<div class="form-group">
<script id="editor" type="text/plain" style="width:720px;height:300px;margin: 0px auto;"></script>
</div>
配置ue
// 参考:/gfmsM/src/main/webapp/tpl/activityDialog.html
<script type="text/javascript">
//实例化编辑器
var ue = new UE.ui.Editor();
ue.render("editor");
ue.addListener("ready", function() {
var id = getSelectedId();
var contentValue="";
// 设置内容,是否追加
ue.setContent(contentValue, false);
});
</script>
rootPath=D:/apache-tomcat-6.0.43/webapps/gfmsM/
savePath=../../../images/server/1453862540713001502.png
physicalPath=D:/apache-tomcat-6.0.43/webapps/gfmsM/../../../images/server/1453862540713001502.png
实际保存路径:D:/images/server/1453862540713001502.png
回显请求地址:http://localhost:8888/gfmsM/../../../images/server/1453862540713001502.png
除去干扰字段:http://localhost:8888/gfmsM/images/server/1453862540713001502.png
// 基于当前项目根路径
// 项目路径: D:\apache-tomcat-6.0.43\webapps\gfmsM\
// 保存路径:../../../images/server/1453862540713001502.png
// 图片物理路径:D:\images\server
// 保存路径:../../images/server/1453862540713001502.png
// 图片物理路径:D:\apache-tomcat-6.0.43\images\server
修改位置:
保存时不需要修改,这里修改只是回显给页面加载的地址,
页面要根据 /gfmsM/src/main/webapp/ueditor/jsp/config.json 中的
"imageUrlPrefix": "http://localhost:8888/gfmsM/", /* 图片访问路径前缀 */ + 返回的url去取图片
所以要将../../../../../去除
正常的访问图片的路径应该是 "http://localhost:8888/gfmsM/images/server/1453862540713001502.png
图片是要存放在tomcat之外的文件,所以要在tomcat中做一个映射,访问tomcat之外的文件
<Context docBase="D:\images\server" path="/gfmsM/images/server" reloadable="true"/>
path对应的是访问url中的/gfmsM/images/server,根据不同项目将gfmsM替换即可,docBase即是图片物理路径
1./gfmsM/src/main/java/com/baidu/ueditor/upload/BinaryUploader.java
if (storageState.isSuccess()) {
//将返回的url做截取
storageState.putInfo("url",PathFormat.format(savePath.split("../../../../../")[1]));
storageState.putInfo("type", suffix);
storageState.putInfo("original", originFileName + suffix);
}
2./gfmsM/src/main/java/com/baidu/ueditor/upload/Base64Uploader.java
if (storageState.isSuccess()) {
//将返回的url做截取
storageState.putInfo("url", PathFormat.format(savePath.split("../../../../..//")[1]));
storageState.putInfo("type", suffix);
storageState.putInfo("original", "");
}
UEditor使用说明的更多相关文章
- 关于ueditor使用说明
1.后台配置文件config.json中的各种prefix,相对的都是网站(发布后的)的根目录, 2.需要在iis下将net文件夹转换为应用程序 3.<div> <h1> ...
- 一百三十八:CMS系统之发布帖子前端js
先补一个功能,根据扥状态显示用户名/退出或者登录/注册 from .views import bpimport configfrom flask import session, gfrom .mode ...
- 百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明
====================================================================== [百度Web富文本编辑器ueditor在ASP.NET M ...
- JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明
二话不说,先上图: 我配置好的效果大致是这些功能:基本的文字编辑功能.图片上传功能.附件上传功能.百度/谷歌地图搜索截图.视/音频发布功能.这个插件是现今我用过觉得最舒服的编辑器,功能齐全强大,稍微修 ...
- 百度Ueditor
最近用到了百度Ueditor,也来写一写百度Ueditor的使用教程: 一.从官网下载百度Ueditor,http://ueditor.baidu.com/website/download.html, ...
- Nodejs之编辑器ueditor
ueditor编辑器的使用说明. 最近在找nodejs前台界面可以编辑文字发表文章的工具,后来找到了ueditor,感觉还不错,就拿来使用了一下,使用过程如下. 1.下载及准备 下载ueditor,官 ...
- 百度编辑器UEditor常用设置函数
最近在研究UEditor的使用,下面是附上传送门: 这是API文档http://ueditor.baidu.com/doc/ 这是下载地址http://ueditor.baidu.com/websit ...
- Ueditor 专题
https://github.com/xwjie/SpringBootUeditor 提交表单提交表单设置按照部署编辑器的教程,完成编辑器加载 把容器放到form表单里面,设置好要提交的路径,如下面代 ...
- SNF快速开发平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net MVC下使用步骤
mvc项目中用到了这个富文本编辑就试着把遇到的问题个使用步骤在这里记录一下,希望大家少走弯路. 1.首先我们先下载net版本的uediot 2.然后把整个文档拷贝到我们的项目中,记得是整个 把下载的文 ...
随机推荐
- div四个边框分别设置阴影样式
对于div边框的阴影一直没有很好地理解,也一直不明白怎么给四个边框分别设置阴影.昨天项目中碰到了这个问题,就认真想了一下,在此总结一二. 首先,还是从官方解释说起. 网上的解释通常都是什么水平阴影长度 ...
- 更新日志(建议升级到2016.12.17) && 更新程序的方法
更新程序的方法: 1,在控制面板里点击备份当前数据库文件到磁盘,把当天获取的信息从内存写到磁盘/存储卡.2,下载最新版的源码 wget -O "infopi.zip" " ...
- 原创跑酷小游戏《Cube Duck Run》 - - 方块鸭快跑
自从unity5出来才开始关注unity,业余时间尝试做了个小游戏: <方块鸭快跑> (Cube Duck Run) 像素风,3d视角,色彩明快,有无尽和关卡两种模式. 应用连接: goo ...
- jvm的代码缓存耗尽导致性能下降
在没遇到这个问题之前,我对JVM的解释模式与编译模式的代码性能相差有多大,是没有感觉的,只是觉得编译模式会比解释模式性能好那么一点点吧. 但是经历过这次以后,让我对JVM的即时编译产生了兴趣.先来看看 ...
- JConsole监控远程Tomcat服务器
为了解决内存溢出的问题,会用到一些监视内存的工具,jconsole这个工具在jdk1.7自带了.这个工具可以查看系统的堆,非堆,线程,等等的一些整体的情况,从而可以判断出系统的一个大概的性能情况. c ...
- urllib2抓取HTML存入Excel
通过urllib2抓取HTML网页,然后过滤出包含特定字符的行,并写入Excel文件: # -*- coding: utf-8 -*- import sys #import urllib import ...
- sysbench 安装遇到的问题
sysbench 作为性能测试工具,提供了很多有用的参数,使用方法网络上一抓一把,这里记录下安装过程中遇到的问题已经解决办法 .tar.gz cd sysbench- ./autogen.sh ./c ...
- UTF-8编码的字符串拆分成单字、获取UTF-8字符串的字符个数的代码及原理
一.字符编码简介 1. ASCII码 在计算机内部,所有的信息最终都表示为一个二进制的字符串.每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态,这被称为一个字节(by ...
- 如何在Ubuntu下的VirtualBox虚拟机(Windows XP)里挂载/使用U盘 (转载)
文章来源:http://www.codelast.com/ 在Ubuntu下安装了VirtualBox之后,如果你的虚拟机安装的是Windows XP系统,那么,你会发现,当你插上U盘时,无论你怎么折 ...
- Linux命令(23)grep命令的使用
grep(global search regular expression(RE) and print out the line,全面搜索正则表达式并把行打印出来)是一种强大的文本搜索工具,它能使用正 ...