ueeditor的使用_UEditor使用说明

页面加入ue

配置ue

// 参考:/gfmsM/src/main/webapp/tpl/activityDialog.html

//实例化编辑器

var ue = new UE.ui.Editor();

ue.render("editor");

ue.addListener("ready", function() {

var id = getSelectedId();

var contentValue="";

// 设置内容,是否追加

ue.setContent(contentValue, false);

});

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之外的文件

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使用说明

1.后台配置文件config.json中的各种prefix,相对的都是网站(发布后的)的根目录, 2.需要在iis下将net文件夹转换为应用程序 3.

   

...

一百三十八: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.然后把整个文档拷贝到我们的项目中,记得是整个 把下载的文 ...

随机推荐

jira任务批量操作示例

1. 获取jira任务编号 使用字段提取工具获取编号,如WQBNEWSDLDL-347,WQBNEWSDLDL-348: 字段提取正则表达式:(?<2>[\[[](?<1>[A ...

【转】iOS应用崩溃日志分析

作为一名应用开发者,你是否有过如下经历?   为确保你的应用正确无误,在将其提交到应用商店之前,你必定进行了大量的测试工作.它在你的设备上也运行得很好,但是,上了应用商店后,还是有用户抱怨会闪退 ! ...

hdu 1011 树形dp

题意:是有n个洞组成一棵树,你有m个士兵,你从1号房间开始攻打,每个洞有a个"bugs"和b的价值.你的一个士兵可以打20 个"bugs",为了拿到这个洞的价值 ...

android中正确导入第三方jar包

android中正确导入第三方jar包 andriod中如果引入jar包的方式不对就会出现一些奇怪的错误. 工作的时候恰好有一个jar包需要调用,结果用了很长时间才解决出现的bug. 刚开始是这样引用 ...

linux kernel

first step. http://www.cyberciti.biz/faq/howto-install-kernel-headers-package/ http://uliweb.clkg.or ...

jwplayer 限制拖动事件 快进 快退

开源精神不是ctrl +c    +   ctrl+v  谢谢 最近项目需要视频播放不能拖动,我已经实现即不能向前拖动,也不能向后拖动, 方法:打开用记事本 或者notepad  工具打开 jwpla ...

企业移动化?AppCan教你正确的打开方式

七分选型.三分软件.的确,在过去的企业移动化进程中,由于选型失败导致信息系统实施失败的案例屡见不鲜.而在当今的移动互连和大数据时代,移动化已经是企业必然的选择. 那么,什么是企业移动化呢?怎样才是企业 ...

MyBatis-Plugins 的创建流程与执行顺序

一.插件的解析,所有插件都会被添加到 InterceptorChain 类中,用于后续处理 org.apache.ibatis.builder.xml.XMLConfigBuilder private ...

Spring MVC 中的输入验证 Vlidator

在 Spring MVC 中有两种方式可以验证输入:1. Spring 自带的验证框架:2. 利用 JSR 303 实现,即 Java Specification Requests Converter ...

Loadrunner&&num;160&semi;运行场景-场景中的全局变量与关联结果参数

运行场景-场景中的全局变量与关联结果参数   by:授客 QQ:1033553122 A.   全局变量 实验1: globals.h #ifndef _GLOBALS_H #define _GLOB ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为了在UEditor编辑器中增加CSS样式,可以通过以下步骤来实现: 1. 打开UEditor的配置文件,一般来说是config.js文件。 2. 在“UEDITOR_CONFIG”对象中添加如下代码: ```javascript // 自定义样式 , 'customstyle':[ { tag:'h1', name:'tc f-26 lh-66', label:'大标题', style:'border-bottom:2px solid #000;font-size:26px;padding:26px 10px 10px;margin:10px 0 20px;' }, { tag:'h2', name:'tc f-20 lh-48', label:'中标题', style:'border-bottom:1px solid #ccc;font-size:20px;padding:10px;margin:10px 0 15px;' }, { tag:'p', name:'tc f-14 lh-30', label:'段落', style:'font-size:14px;line-height:30px;padding:10px;margin:10px 0;' } ] ``` 以上代码中,我们定义了三种自定义样式:大标题、中标题和段落。其中,每种样式都包括了标签、名称、标签显示的文字和CSS样式。 3. 在配置文件中找到“UEDITOR_CONFIG.toolbars”对象,找到需要使用自定义样式的工具栏按钮,例如“字号”按钮,将其配置修改为: ```javascript ['fontfamily', 'fontsize', '|', 'customstyle', 'bold', 'italic', 'underline', 'forecolor', 'backcolor', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'insertimage', 'insertvideo', '|', 'removeformat', 'source'] ``` 4. 保存配置文件,重新加载页面,即可在编辑器中看到自定义样式按钮。选中需要应用样式的文本,点击对应的按钮即可。 至于自动添加<p>标签的问题,可以在配置文件中找到“UEDITOR_CONFIG.filterRules”对象,将其中的“p”标签过滤规则删除即可。具体代码如下: ```javascript , filterRules: { // <!-- 过滤的标签 --> tagNames: { style: true, script: true, div: 1, p: 1 }, ... } ``` 将其中的“p: 1”删除即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值